The page cover is a great way to personalize your personal or public Facebook page. It is the large image that is shown in the header of all Facebook pages and profiles. The exact Facebook Page cover dimensions have changed a lot of times over the years. Especially the placement of the buttons and profile image over the cover image can be problematic. The header is not responsive, so it doesnt scale with the screen. However, it is displayed differently on the app and mobile website.
Facebook cover dimensions
The total (optimized) size of the cover is 1640x624px.
Mobile website and app
The header is displayed differently across platforms, with variations in the placement of page options and page title. The full height of the image is always shown, but the image is equally cut off on both the left and right side to fit the size of the screen.
On the mobile website, 145px is cut off from each side. In the app, this is 155px (at least it is on Windows Phone). The lower half of the image is pretty much reserved for different variations of displaying the page title, profile image and page options.
It is pretty tough to create an image that works nicely across platforms, so this requires some trial and error!
What it looks like in action
We applied the template on our own Facebook page so you can see how it looks. Like our page to be updated on the latest Facebook page cover dimensions!
Photoshop template (.psd)
We have created a useful PSD template for you with guidelines. You can use it to kickstart the design of your Facebook page cover. You can download it here.
- 9-3-2018 – Updated article, synchronized with our GitHub repository
- 19-11-2015 – Dimensions have been slightly changed and profile image has been better aligned
Categorised in: Facebook,
Did you find this page useful?
Oh no! They've changed the sizes!
Do you want us to send you a message whenever big changes are made to the image sizes on your favorite social networks?