Got the right Facebook Page Cover Photo size?
Want it to look good on both desktop AND mobile?
Smart! Optimizing your Facebook content for mobile is non-negotiable, since most FB users will only see it there.
But you can have it both ways: Here’s a Facebook Page Cover Photo mobile template that shows the 3 different croppings for phones, tablets, and computers.
Updated for 2024!
Facebook Page Cover Photo Size
The optimal Facebook business page cover photo size is 1200 x 674 pixels.
The aspect ratio is 16:9. This size will show in full on mobile.
I’ve tested this size and created a free cover photo template, so you can design around the profile picture overlays and cropping on desktop.
Because Facebook’s size recommendations are far from helpful!
Your Page’s cover photo:
Left aligns with a full bleed and a 16:9 aspect ratio.
Must be at least 400 pixels wide and 150 pixels tall.
Loads fastest as an sRGB JPG file that’s 851 pixels wide, 315 pixels tall and less than 100 kilobytes. source
This doesn’t take into account the different proportions on various devices.
And the sizes they’ve named aren’t even 16:9 aspect ratio!
Nor as wide as displayed on virtually any device used in 2024.
This article will explain how to create Facebook Business Page cover photos that are sized properly for mobile devices as well as desktop.
Facebook Page Cover Photo Template 2024
Your FB Page Cover Photo will no longer have elements rudely chopped off or covered up with this template.
Start with a 16:9 image in any size.
I recommend 1200 x 674 pixels for optimal quality. But you can start with any photo on your phone that’s at least 400 pixels wide.
Open in any graphics app, or your phone’s photo app. Crop it to 16:9 aspect ratio.
Now check the template, and pay attention to the profile picture overlap on phones and tablets. Don’t place important details where they’ll be covered.
Just right click the image below to download, and choose “Save Image As…”
Instructions for using my social media templates
Want to add type?
If you use Photoshop, or another graphics editing program that has layers, you’ll be able to design with ease.
1. Open the template in your graphic design tool.
2. Change Image > Mode to RGB (the template is an indexed color PNG).
3. Add guidelines to match template, or reduce opacity and use template as a translucent layer for guidance.
4. Add your photo and any design elements you desire.
5. Delete or hide template layer from your image file when your design is done.
If your design program doesn’t have layers, just use the templates for size and visual reference.
There are more social media templates listed on my Resources Page.
What’s New About Facebook Page Cover Photos?
All FB Pages now have the “New Facebook Page Experience.”
The mobile version is still a delightfully simple 16×9 proportion.
So why do you need a template?
The profile picture is now covering a huge portion of the cover photo!
The iPad also has a huge DP overlay but in a different spot.
And the tablet cover photo is cropped on the sides, whereas the desktop version crops top and bottom!
Facebook Page cover photo on desktop
The cropping on the desktop version is especially severe in the New Pages Experience.
Here’s how the mobile to desktop crop plays out now. The purple dotted line shows the 16×9 cover photo on mobile while the green dotted line shows how it crops on desktop:
The biggest visual differences on desktop are:
1 | The positioning of the profile picture below the banner image. There’s only a tiny bit of overlap, so this won’t mess up your banner design (unlike on mobile).
2 | The gradient bar at the sides. If you’re struggling with how it looks, read on.
New Facebook Page Cover Photo Gradient
A fairly new addition to Facebook cover photos is a gradient (or ombré) color bar to the left and right of the cover photo on desktop.
The gradient can add a nice splash of color when you have a solid background that reflects your brand colors.
Or it can look weird if your cover photo is actually – a photo! Or has different color blocks on either side.
Here’s how it works: Facebook is pulling a color from the top outer edges of your header image. And if the image is different on either side, then so is the gradient.
You can see a couple examples below to help inform your cover photo creation:
If you don’t like the mismatched gradient sides, you need to use an image with the same color on both left and right upper corners.
How to Upload your Facebook Page Cover Photo
When you upload your Cover Photo on desktop, you can adjust the top cropping so it’s positioned top-to-bottom exactly as you like it.
If you upload on mobile, it will crop to center automatically in desktop view. However, I don’t recommend this, as the compression is terrible!
Stick to uploading a PNG file via your desktop computer and it will look 10 times better.
Optimize your Facebook Cover Photos!
Don’t forget to visit these other articles for more FREE cover photo templates:
Facebook Profile Cover Photo size
Facebook Group Cover Photo size
Facebook Event Cover Photo size
For all Facebook dimensions, including ads, check out:
ALL Facebook image dimensions with infographics
For all the social media platforms in one place, with links to in-depth articles on many of the topics:
Ready to make your Facebook Page cover photo the easy way?
Try Snappa online design tool for free!
Their templates give you the perfect size, with safe zones to ensure your beautiful design looks great on both desktop and phone.
• • • Create a Facebook cover photo for free NOW! • • •
Disclosure: IF you upgrade to a paid plan, I may receive a referral fee.
What do you think? Now your Facebook Cover Photo size can rock on mobile just like on desktop! Share with a friend.
Roux Laflame says
who knew well now I do so thanks roux
Ritesh says
Can we need to design 2 different sizes of image for Facebook cover?
Louise Myers says
No, that isn’t possible. You need to make 1 design that works for both.
Nina says
Thank you!! Just the information I was looking for. No more cropped edges on mobile facebook, thanks again!
Louise Myers says
Yay! Glad it helped.
Jenna Brown says
Hello,
This is genius! However, I don’t know if I’m doing something wrong to download it. When I right click it the little menu pops up and there is no download option, just to save it or open it in a new window/tab. Would you be able to email me the link possibly. If it’s not too much of a problem of course. Thank you!
Louise Myers says
You want to “save image as.” That should do it! It doesn’t actually say “download” in the menu.
Vibz says
Thankyou so much Louise.
You are indeed a genius.
This had been a niggling problem since long. You nailed the trick to it.
Bless you for sharing it!
Louise Myers says
Glad it helped!
MD. Arifur Rahman says
Thanks a lot. This helped me a lot. My pages look very smart. Clients are happy. They think this is magic.
Louise Myers says
It is a little bit magic 😉 Glad it helped!
Pat Laing says
Is there any possibility of providing similar advice for a Facebook Group cover image. Mine looks great on the PC but sides are cropped on mobile devices.
Louise Myers says
I’d have to look into it further, but for now I’d recommend allowing for 25% of the image to be cropped on each side.
No Name says
Excellent, thank you so much! Works like a charm.
Louise Myers says
Glad it helped.
Rodger Dodger says
My apologies Louise,
I am another one who doesn’t seem to be able to download the template successfully.
Could you please provide another link, or email it to me if possible.
Kind regards
Louise Myers says
Hi Rodger,
It’s no longer behind a membership wall, so just right click the image and choose “Save Image As.”
Christina says
This worked beautifully! Thank you so much for sharing your expertise!
Joshua says
Outstanding! Thanks, Louise! I greatly appreciate these tips and tools! It relly helps when planning on the fly and needing to know what will look best when designing! Greatly appreciate you for sharing what you have discovered!
Louise Myers says
I’m glad to hear you found it helpful, Joshua! Thanks for your kind comment.
Alex says
Thanks for this. I was wondering why the cover photo on my page was looking weird on mobile. Thought maybe my mobile was just crap, but apparently Facebook is just weird. Followed your instructions and it looks fine now.
Louise Myers says
So glad to hear it, Alex!
Pinto says
Hi Louise,
Thanks for a great post! do yo also have a guide line for the Facebook Fan Page & Group cover size?
For what i saw there is a difference on the sizes between Pages & Groups.
Thanks,
Pinto
Louise Myers says
Hi Pinto,
This one is strictly for Fan Page. I have one for FB Events but not for Groups.
Ven says
Would it be recommended to maintain the same aspect ratio (828 by 465) but to increase the size in pixels? I have a huge group photo of everyone in the firm, I mean it’s 21,000 pixels wide by 4,000 tall; before the professional photographer sent it, I thought that 3,000 pixels on any side was the maximum and I was w r o n g. Of course I can resize it to be a /little/ smaller without losing resolution, but it would still have to be rather big to make work for the cover.
Louise Myers says
Hey Ven,
With a photo that extremely horizontal, I’m not sure you can keep the proportions for mobile. But if you can, sure! Of course it will be sized way down on mobile (and even desktop). So I’m not certain that going more than double the display size would make any noticeable difference to the quality.
Michael says
My cover image was looking awful on mobile, this is exactly what I needed to fix it, thanks!
Louise Myers says
Great to hear it, Michael!
Filip says
Thank you for this, and for reminding that one has to think mobile-first these days!
Filip
Louise Myers says
You bet!
Michele says
What an awesome thing you have done! Thank you!!
Louise Myers says
Glad you liked it, Michele!
Wayne says
Really appreciate this, Louise. Like you said, changes to social media never stop. (I’ll definitely be subscribing to keep up-to-date!) Seems like the dimensions are always changing. Just yesterday, after creating a Facebook group, I thoroughly researched (or so I thought) what the dimensions of a perfectly sized cover photo should be. Then, I painstakingly created a multi-layered 828 x 315 masterpiece in Pixlr, comprised of images I found on Pixabay. Really wish I’d read this first! Also, I wasn’t aware that FB no longer superimposes profile pics on cover photos. Good to know.
Cheers
P.S. The cover photo dimensions DID change in Summer (or Fall). The height was increased by a pixel! lol
Louise Myers says
It’s crazy, isn’t it, Wayne?! Yet Facebook still says the cover photo size is 828 x 315.
Hope you were able to salvage your collage!
Kasia Stasiowska says
Hi Can not download the template can you please send me it.
Thanks x
Janine Lazur says
thanks for figuring this out! great solution!
Louise Myers says
You’re welcome, Janine!
tina frissora says
Thank you for figuring this out and posting!
Chanuka Asanaka says
Thanks it’s vary help full scale up height, rather than extent width
Louise Myers says
Glad you found it helpful!
Heather says
When I try the new cover photo size there is a bar on the right of information that don’t seem to adjust and hover over my cover photo. The right bar that says type of page, response time, etc… all of it hovers over the cover photo to the top of page 🙁 instead of below. moompphotography on Facebook.
Louise Myers says
Sorry, I don’t see any overlays on your page on desktop or mobile, or anything above your cover photo, OR to the right.
Nikhil says
Thanks for the info. I resized my cover page design for new changes.
Louise Myers says
Good to hear!
KIRSTEN OILUND says
This hack is a lifesaver!! Thanks
Louise Myers says
Welcome!
Vineet Rajan says
This really helped! Thanks so much! 🙂
Louise Myers says
Glad to hear it!
Olga says
This helped me a lot, thank you!!
Louise Myers says
You’re welcome, Olga!
evie p says
Managed to download the template but cannot get cover photo resize to work at all … Any resizing for dummies tip as it feels like Ive tried everything!
Louise Myers says
While I don’t know which design app you’re using, the best process is to start with the correct canvas (image size) first.
Then import your photo and size to fit the canvas.
You might have to refer to the instructions for your particular app if you don’t know how to do this.
zaiten says
Hi Louise,
I’ve tried uploading PNG images a hundred times to no avail. Facebook keeps turning them into JPGs with abismal compression and nasty artifacts. My clean PNG was 24bit, 97kb, 851x315px, didn’t work. tried an 8bit, 32kb, 256 color PNG and Facebok still converted it to JPG.
Here’s what’s driving me crazy: this page is managing to upload pristine PNG images, how are they doing it? https://www.facebook.com/breakfestco/photos/gm.295675714148611/550867371778369/?type=3&theater
Louise Myers says
Not sure. If I get a chance to test, I will update.
However, I don’t know of a way to get hi resolution on Pages from mobile. For personal accounts, you could try this: https://www.facebook.com/help/187741037945488
Paul Estes says
Brilliant! Thank you!
Kristin says
Hi there! I’m wondering if you can shed some light on a little bug bear of mine. When I view the cover image on my mobile, the image doesn’t seem to be ‘responsive’… it used to be… but in the past few months, this has changed it seems. The cover photo looks bright and crisp on the laptop, but on the mobile, the image looks like it’s overlaid with a shadow, and the image view is cropped. I’m a bit baffled about this… can you offer some insight on it?!
Thank you for your website… its incredibly well resourced 😀 xKristin
Louise Myers says
Thanks, not sure I can help…
I’ve never noticed the cover photo on mobile to be responsive, and I don’t see the shadow you mention. If you used the FB-recommended size, it will be cut off on the sides on mobile. I feel my size works better! 🙂
Anil Agrawal says
The Facebook business Page cover dimensions/display has changed again. Is there a new template we can use? Thank you!
Louise Myers says
Hi Anil, it’s the same size, the only difference is no profile picture overlap. Use 828 x 464 as I have on the cheat sheet. I just used it this week and it works perfectly.
Peter Costello says
Thanks Louise.
This solved a real problem for me.
Much appreciated
Pete
Louise Myers says
Glad to hear it, Pete!
danny kientz says
Just wanted to take the time to thank you.
Louise Myers says
How nice of you, Danny! Thanks. 🙂
Connie Zimmermann says
Hi Louise,
Thank you soooooo much!! The 462 height did the trick. I had created my very first business Facebook page today, and was not surprised but still very disappointed that the Cover on the mobile was cut off on both sides. Why oh why do things never work the first go round!!???
But then, thanks to your awesome tip… all is well now.
I am launching the page this Monday, Memorial Day, with an observance to our fallen heroes.
Louise Myers says
Excellent! I’m glad you worked it out, Connie.
Tina F says
Hi Louise!
Thanks for the great info! I setup a membership then came back to this page and clicked on the Log In link. Which goes here:
https://louisem.com/login?redirect_to=https://louisem.com/member-dashboard
this url results in: (Failed to Open)
However, I went to another page under Resources and the button to log-in there goes to:
https://louisem.com/member-dashboard
The first url’s redirect is pointing to a secure url (https) the second one is not.
I’m in now. Thanks!
Louise Myers says
Thanks so much, Tina!
Lindsay Solomon says
I’m also having this issue, unfortunately. The link only states that I am logged in. Thanks for your help!
Louise Myers says
Lindsay,
Thanks for your help via email to resolve this!
Carol Brooks Ball says
Louise,
First, THANK YOU for all the legwork you do for those of us in this crazy, ever-changing, social media marketing biz! Your resources are terrific and extremely helpful.
Second, unlike so many others (based on the comments), I was able to download the FB template! That said (and here’s a dumb Q), how are these best used? Do I upload them to my FB page and T account, and then try to design from there somehow? If so, how do I make it so that my followers/fans don’t “see” this on my FB and T pages? #confused
Thanks, Louise.
Best,
Carol
Louise Myers says
Hi Carol,
Nope, don’t upload them to your social accounts. You could use them 2 different ways:
1. If you use Photoshop, Pixlr, PicMonkey, PowerPoint, or another program for designing your image that supports layers, you would make the template a transparent layer to use as a guide for your design – then delete it when your design is finished, and save your design to upload to social.
2. If you don’t design with layers, you can use the template to get the measurements and use it as a visual guide for where to place elements in your design. If your program supports “guidelines,” you would use the measurements on the template to set them up.
I apologize if all this is over your head! If so, it’s best to just use a plain photo for your social cover photos. You can crop it after uploading to the social network.
Carol Brooks Ball says
Makes perfect sense. Thanks!
tudor freio says
Hello, where is the link please ?
Louise Myers says
If you’re logged in and can’t find the free member resources, please use this link: https://louisem.com/member-resources
Sorry for the hassle.
matt d says
Broken record I’m afraid… same problem as everyone else. No download… just keeps telling me I am already logged in.
Louise Myers says
Emailed to the address you provided here. Sorry for the hassle! Thanks for your patience – my support team is working on it and asked me not to change anything until they can figure out what’s wrong.
Kaye Lister says
Got it thanks Louise!
Kaye
Louise Myers says
Thanks for your patience – my support team is working on it and asked me not to change anything until they can figure out what’s wrong. Sorry for the hassle!
Kaye Lister says
Hi Louise,
I’m not able to download the link. I seem to just be going around and around in circles. Could you email it to me please?
Thanks
Kaye
Julie Hanan says
The download is not working. Keep getting error message. Why not make the graphic clickable so we can download it? I’ve wasted 10 minutes already trying to download after registering, logging in, etc. Very disappointed.
Louise Myers says
Sorry for the hassle. I’m having my support team look into it, so far they can’t find any problem.
It’s strange that 400 people have downloaded it, yet something has been preventing a few from doing so.
I will email you the template now and will implement your suggestion if my team can’t figure out what’s wrong.
Peter Cardenas says
I am having problems with the template link. Can you send via email? Thanks!
Louise Myers says
It’s odd. I see that there have been 373 downloads, so it’s definitely working. I’ll go ahead and send it so you don’t have to hassle with it any more 🙂
Lauren McDonnell says
Hi I’ve signed up, I’m logged in but I can’t see where I download the template from. I’ve looked in resources too but can’t find it?
Many thanks 🙂
Louise Myers says
Hi Lauren,
I just emailed it to you. Sorry for the confusion.
Jesse McGilligan says
Hi Louise,
I’m also having problems with the template link. Can you provide an alternative or send via email? Very excited to have found this.
Thanks!
Louise Myers says
Hi Jesse,
I just emailed it to you. Sorry for the confusion.
Lia says
This is an excellent resource. Any chance of a similar one to preview Facebook ads in both desktop and mobile settings?
Lia
Louise Myers says
Hi Lia,
I’m not up to speed on FB ads mobile vs. desktop, but if I come across something, I’ll be sure to let you know.
Inn the meantime, perhaps this infographic of all 2016 ad sizes is helpful?
Kent Rosengaard says
Where is the FB cover template ?
How to download ?
Louise Myers says
Hi Kent,
Click the button in the article that says “Get a free membership here.” You have to log in to get it. You won’t be added to any email list.
Thales Santos says
Hey, the template link is broken 🙁
Louise Myers says
The links are working for me. You have to log in to get the template though. Which link are you having a problem with?
Kitty Larry says
Logged in getting a 404 message :/
Louise Myers says
Sorry to hear this! If you’re still unable to get in, let me know if you want me to email you the FB template.
Anna Leticia Lima says
I can’t open the link either : (
Louise Myers says
Which is the link you’re having trouble with? I’ve tried everything I see, they work for me, not sure what’s going on!
Thanks for any details you can provide.
Louise Myers says
Emailing the template to you in a minute!
Louise Myers says
Emailing the template to you in a minute!
Kaye says
Thank you so much – will definitely appreciate this in a couple weeks when I update for after Christmas ! ?
Louise Myers says
You’re welcome Kaye!
Wendy says
Why is there now an @ sign and business name?
Louise Myers says
Because Facebook wanted to? Sorry, but they tend to do whatever they want. It’s weird as we’re not used to seeing @ tags on FB!
David Nelson says
I posted a Facebook cover photo for a client that’s 828 pixels wide and it’s getting cropped on my mobile device on both sides. Would you know how to solve this? Do I just move all the content into the center more and assume the outsides will be cropped?
Louise Myers says
If you make it to the FB-recommended size of 828×315, the sides will be cropped on mobile. I haven’t experienced cropped sides with my template, though.
Al says
If you haven’t noticed this on any design, you’re a magician!!! Any design that exceeds, let’s say 700px to the 828px limit, is cropped.
Louise Myers says
Have you tried my template? It works for me, and I don’t think there’s any magic involved.