Want your Facebook Profile Cover Photo size to look good on both desktop and mobile?
Facebook doesn’t make this easy, because all their cover photos display differently on different devices.
THIS post is only about the Facebook Personal Profile Cover Photo size.
I have the other Facebook cover photo templates and tips too! Links below the video.
This post about the Facebook personal profile header is updated for 2019!
- Updated: New round profile picture for Facebook personal profiles.
- Added Facebook profile cover photo size for you DIYers.
- Updated: Phone and tablet cropping are more similar now.
- New! Free simplified cover photo template for non-Photoshop users.
- Plus, updated Facebook cover photo PSD template.
Follow these links if you need to make a header for a business page, group, or event:
Facebook profile cover photo size 2019
The cover photo size itself hasn’t changed, but the profile picture overlay is vastly different.
Now the profile picture is shown as round in the cover photo overlay, in addition to all the places it appears round when on its own.
If you’re one of those creative types who likes to integrate these 2 images, it’s now trickier than ever. If you can figure out a way to make it work on phone, tablet, and desktop, let me know!
Your priority should be designing for mobile, since that’s how the majority of FBers use the app.
Particularly for the personal profile! Desktop use of Facebook is heavily weighted towards businesses – as well as older folks. Know your audience.
Since I mentioned business, please be aware that Facebook has rules against being overly promotional or commercial on your personal profile.
Facebook’s recommended size for the personal profile cover photo is 851 x 315 pixels. They also state a minimum of 720 pixels wide.
This is quite small, and also does not look good on mobile!
Facebook is storing a higher resolution version, and the upper limit seems to be 2037px by 754px. So, if you want the highest resolution image use those dimensions.
However, if you’re viewing it on a mobile device with Retina Display or other high resolution displays (which most smartphones have nowadays) the actual display size is 1125px by 633px.
I also recommend you go both larger and taller than Facebook’s suggested size.
The free PSD template explained in the section below is 2037px by 754px.
My free PNG template download directly below is 1242px by 700px, which is what I measure on my iPhone. On my iPad I measure 1210 x 576.
The template depicts how your 1242 pixel wide cover photo will be cropped on tablet and desktop, as well as where that pesky profile picture overlay is placed on all 3 types of devices.
You can simply right-click to save my pink-and-purple template below ⬇️
In addition, be aware that when a FBer visits your profile page on desktop, only the bottom half of your cover photo will be visible unless they scroll up.
You can upsize or downsize this template as you wish. If you do, I recommend doing so before you add your background photo.
The layered PSD template is in the next section. But first, how to use this PNG file if you prefer it.
Instructions for using my social media templates
1 | Open in Photoshop or other graphics editing program that has layers.
2 | Change Image > Mode to RGB (the template is an indexed color PNG).
3 | Add guidelines to match template, or use template as a translucent layer for guidance.
4 | Delete template from image file when your design is done.
If your design program doesn’t have layers, you can use them for size and visual reference.
There are more social media templates in the Free Member Area.
Compare easy design tools if you don’t have a favorite yet.
Facebook profile cover photo PSD template 2019
Read on for a guest post about personal profiles from designer Oliver. The instructions and free template below are for use in Photoshop.
How to design Facebook profile cover photos with previews for mobile devices
Designing profile and cover photos for social media platforms can become quite challenging when it comes to guessing what your design will look like on mobile devices. Especially when you are working for a client and absolute precision is needed for every element.
Wouldn’t it be nice to see misplaced text or cut off logos on mobile devices already during the design process in Photoshop?
The social media profile mockup files from Feingold Design Agency can be used to preview a profile for desktop and phone during its creation in Photoshop. There are a bunch of files for different social media platforms available, but the mockup file for private Facebook profiles was made available free of charge and can be downloaded here.
So how does it work?
When you first open the Photoshop document, you will notice that every text block is editable. This is how you can make this mockup look like your profile or even translate the entire profile into another language, quickly and easily.
Up-to-date profile and cover photo sizes are already prepared inside the Photoshop documents Smart Objects, so you don’t have to worry about resolution and color profiles.
What are Smart Objects?
Smart Objects are layers in Photoshop which contain a separate independent Photoshop document.
In this case the Smart Object layers enclose our profile and cover photo. To get started, simply open the two Smart Object layers by double clicking their layer icons. Any changes you make inside these Smart Objects will show up on the mockup file after you have saved the Smart Object.
Working on a new social media profile design will immediately feel quicker, as you will have the extra benefit of neat, ready-made previews for desktop and phone right inside Photoshop.
When you are done developing your new design, all that is left to do is to save the Smart Object files for web and upload your results to Facebook. You could even use the mockup to present to your client, showing your fresh social media design as it will look online!
You can download the free Facebook profile mockup for Photoshop on Feingold’s Behance profile. The file works in Photoshop CS6 and CC. For additional help you can watch an extended version of the introduction video directly below, or take a look at the PDF help guide.
Did this help your Facebook profile cover photos?
I hope you enjoyed this Photoshop tutorial with free template!
Oliver has more social media header templates available for purchase on Creative Market. These also use Photoshop Smart Objects.
Note: I’m a Creative Market affiliate and will make a small referral fee if you purchase.
I believe the small cost is well worth the time you’ll save. If you purchase, you’ll also get annual updates!
- Prepared for high-res displays: delivered in 2k resolution.
- Resizable without loss of quality: all layers are vector-based.
- Mobile and desktop mockups can be moved and rearranged.
- Customizable background color.
- A transparent background can be used as well.
- Optional round device corners.
You can test his Facebook profile cover photo template before you buy the set!
And don’t miss these constantly updated cover photo templates for:
Let us know in a comment what you think about the FREE Facebook profile cover photo template!