Louise Myers Visual Social Media

Rock your online presence with DIY graphics! Get Graphic Design & Social Media Marketing tips from an expert.

  • Home
  • About
  • Contact
  • Members
  • Resources
Home » Facebook Tips » Facebook Page Cover Photo Size & FREE Template 2023

Facebook Page Cover Photo Size & FREE Template 2023

Updated on: February 17, 2023 by Louise Myers 340 Comments

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 Facebook 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 the New Facebook Pages Experience 2022-23! Unfortunately, it’s not as simple as before this “Page update.”

So read on…

Facebook Cover Photo Mobile and Desktop banner

3 Reasons to Optimize for Mobile

1 | Facebook users who visit your Page on desktop only see a sliver of your cover photo unless they scroll up. See screenshot below.

2 | Almost 4/5 of users will never see your Page on desktop. 79% of Facebook users ONLY access the site by mobile (up from 51.7% in January 2016). source

3 | Virtually all users will see your Page on mobile at some point. In 2020, 98 percent of active user accounts worldwide accessed Facebook via mobile devices. source

Convinced? Onward…

Facebook cover photo as seen on first view of your page on desktop.
Facebook cover photo as seen on first view of your page on desktop. How silly!

 

Facebook Page Cover Photo Confusion

Facebook has 4 different kinds of cover photos, each with a different shape on desktop vs. mobile.

Cover photos have a wider aspect ratio on desktop. They’re taller on mobile.

This isn’t because Facebook is trying to confuse designers! It’s because a browser window is wide. A mobile device is tall. FB is trying to accommodate these completely different displays.

However, Facebook doesn’t help us much when they tell us:

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!

This article will explain how to create Facebook Business Page cover photos ONLY, that are sized properly mobile devices as well as desktop.

For other cover photos, click the links for details and free templates:

Facebook Profile Cover Photo size

Facebook Group Cover Photo size

Facebook Event Cover Photo size

What’s New in “New Facebook Page Experience” Cover Photos?

The mobile version is still a delightfully simple 16×9 proportion.

BUT the profile picture is now covering a huge portion of the cover photo!

facebook page cover photos are obliterated by the profile picture on mobile.

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 photos are obliterated by the profile picture and even differently on tablets.

Facebook Page cover photo on desktop

The cropping on the desktop version is severe in the New Pages Experience.

At the last recommended size of 820 pixels wide by 312 pixels, it’s actually cropped down to only 303 pixels tall.

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:

mobile to desktop cover photo crop in New Facebook

More details on sizing when you get to my template further down this article.

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, I’ll explain more about it at the end of the article.

Facebook Page Cover Photo Mobile / Desktop Template 2023

Love to design with Photoshop, or another Canva alternative?

Your mobile Cover Photo will no longer have elements rudely chopped off or covered up with this template.

Start with a 16:9 image in the size you prefer. Pay attention to the profile picture overlap on phones and tablets. Don’t place important details where they’ll be covered.

The crop on desktop is only 303 tall if you use the 820 pixel width. This gives you 79 pixels top and bottom that will be cropped from your 16:9 starting image.

You have a choice of 2 templates here: low resolution (820 x 461 pixels) and high rez (1200 x 674 pixels).

I do recommend that you make your cover photo larger than 820 pixels for best resolution. The one just below is 820 pixels wide, Facebook’s previously recommended width.

Just right click the image below to download, and choose “Save Image As…”

For high-resolution version and instructions, keep scrolling!

Facebook Cover Photo template for mobile and desktop, 2023 version.
Right click to download the Facebook Cover Photo template for mobile and desktop, 2023 low-rez version.

 

Facebook Page Cover Photo template, UPSIZED!

Even better – Make your Facebook Page Cover Photo BIGGER! I recommend 1200 x 674. Right click here to download the LARGE template.

This template is so close to the recommended size for link shares that you can multi-purpose it. It’s also the perfect size for tweeted images, with a proportion of 16:9.

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.

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.

upload your FB cover photo as a PNG file via desktop to avoid unsightly image compression
I recommend uploading your FB cover photo as a PNG file via desktop to avoid unsightly image compression.

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:

facebook page cover photo gradient example

facebook page cover photo gradient example

Optimize your Facebook Cover Photos!

Don’t forget to visit these other articles for details and 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:

Don’t miss: Always-updated social media image sizes cheat sheet

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.

Tired of your Facebook Cover Photo mobile version getting chopped? No more! Grab this FREE template, and make a cover photo that rocks desktop AND mobile!

Filed Under: Facebook Tips Tagged With: Facebook photo size dimensions, Facebook Timeline cover photo, optimize photos for facebook

About Louise Myers

Louise Myers is a graphic design expert whose designs have been featured by Disney, Macy's, WalMart and more. Her straightforward writing style empowers small business owners to make their own graphics for social media success!

Comments

  1. Hau says

    March 18, 2023 at 8:08 PM

    What does iPhone PP and iPad PP stand for? Specifically the PP?
    Thanks!!

    Reply
    • Louise Myers says

      March 19, 2023 at 2:34 PM

      Profile picture.

      Reply
  2. CBR says

    January 17, 2023 at 9:56 PM

    The social media bundle you link to on Creative Market does not include the recent Facebook updates. I have contacted the seller and will leave a review to warn others, if I’m not missing something here.

    Reply
    • Louise Myers says

      January 18, 2023 at 7:35 AM

      My mistake, I forgot to take that out on this article as I didn’t realize it was there. I had delved into that bundle in another article and did remove all that.

      I’ll fix it now, thanks for the heads up!

      Reply
  3. Lesley says

    October 28, 2022 at 10:40 AM

    Hi Louise. I always use your templates for creating covers for clients (usually with Photoshop) The new pages experience means the current template doesn’t work on a mobile – FB have made the circular pic sit on the left hand side of the mobile and this covers a lot of space. Is there any guidelines anywhere that show this. It seems its becoming near in impossible to design a cover for business pages these days! Looks great on desktop but rubbish on mobile!

    Reply
    • Louise Myers says

      October 30, 2022 at 3:04 PM

      Thanks, I will have to update that.

      Reply
  4. Greg says

    June 30, 2022 at 10:05 AM

    These numbers do not seem to be correct. If I pull up a Facebook page on desktop and use the Chrome inspector, it says the element is displaying at 1095px by 405px. Reducing that down with the same aspect ratio does give us 820 x 303 and it seems to be the same aspect ratio on the mobile web version, but if it’s 461 tall on iPhone, it seems like the correct size should be 1640 x 922 (double size for retina displays).

    Reply
    • Louise Myers says

      July 1, 2022 at 10:29 AM

      Sure, you can use that size. It’s all in the aspect ratio.

      My (large) retina phone isn’t 1640px wide though, and every device will vary – so won’t the image be resized for display, no matter what you use?

      Reply
  5. Jerry Dunaway says

    January 16, 2022 at 6:51 PM

    Your template says 820 x 303 for desktops and 820 x 461 for desktop. However, Facebook’s Help center says, “Your Page’s cover photo:
    • Displays at 820 pixels wide by 312 pixels tall on your Page on computers and 640 pixels wide by 360 pixels tall on smartphones.”’

    Has the size changed (yet again), or what?

    Reply
    • Louise Myers says

      January 17, 2022 at 6:50 AM

      I explain the 303 in the article. This actually changed way back with New Facebook. Unfortunately, FB Help is often wrong.

      I will, however, be checking all these measurements in the next couple weeks to make sure everything is still correct for 2022. Let me know if anything doesn’t work as you expect! Thanks.

      Reply
  6. Summer says

    November 17, 2021 at 12:23 PM

    Please help. On the template for FB profile images you don’t provide width, just height. Speaking specifically about the large template (1200 x 674). It scales proportionally to the mobile size, but not the desktop size.

    Reply
    • Louise Myers says

      November 17, 2021 at 8:05 PM

      Sorry, you’ve lost me. What is the template for profile images you refer to? On this page where you left the comment, the templates are for a Facebook business page cover photo. The large template (1200 x 674) shows the width as 1200, and the desktop cropping as 1200 x 444.

      Reply
  7. Guy Schwartz says

    October 17, 2021 at 1:39 PM

    All you boomers should be acknowledge that the PROFILE pic is covering a huge chunk of the cover photo, so this 20-pager on “how design banner 2021” is kinda useless imo

    Reply
    • Louise Myers says

      October 18, 2021 at 10:16 AM

      Sorry Mr Schwartz, as I stated in the article, this info is for Facebook Business Pages. And it’s correct for Facebook Business Pages. If you want to see the info for personal profiles and how the profile pic does indeed cover a portion of the cover photo, then you’ll find a link to that both near the top and the bottom of the article.

      Reply
  8. amanda says

    June 10, 2021 at 10:22 AM

    Can you explain why every image no matter the dimensions and including 820×360 stretches on a fan page and none of my images fit despite all of the blogs saying this works at 820×360? Why is it still stretching?

    Reply
    • Louise Myers says

      June 10, 2021 at 1:23 PM

      You’re welcome to send me screenshots of the original image and where you see it stretched and I can try to figure it out.

      Did you try my templates and/or recommended sizes? I have 820 x 461 and 1200 x 674. I don’t find 820 to be wide enough so this width would be enlarged on many devices, but it shouldn’t be stretched out of proportion.

      Reply
  9. bradley sikunu says

    April 25, 2021 at 4:46 AM

    how to move profile picture from middle to left bottom corner of cover photo ?

    Reply
    • Louise Myers says

      April 25, 2021 at 6:13 AM

      It’s not possible to move the position of your profile photo. On personal profiles it’s in the middle. On business pages it’s to the left.

      Reply
      • Kim says

        April 26, 2021 at 5:54 PM

        My business page is showing the middle profile image as well. 🙁

        Reply
        • Louise Myers says

          April 27, 2021 at 8:02 AM

          Was it set up as an actual business page or as a profile?

          If it’s truly a business page then it could be just a FB layout experiment. In any event, there’s nothing you can do to change the position of it.

          Reply
  10. Crystal Posey says

    March 16, 2021 at 11:24 AM

    I created a free account, but no matter link I use, when I download the template it is locked and cannot be unlocked. Therefore, I’ll have to create my own template based off of looking at yours. So, unfortunately, it did me no good to create an account and download the template.

    Reply
    • Louise Myers says

      March 16, 2021 at 6:19 PM

      Hi Crystal,

      The template is available right on this page, or as a member on the free resources page. However it is not able to be edited as I don’t allow people to build upon my creations.

      Reply
  11. Jen says

    February 21, 2021 at 12:55 PM

    Hi, Louise! I used your newest 2021 dimensions and my cover image looks great on desktop and on the Facebook mobile app (THANK YOU!). However, if I’m viewing Facebook from my mobile device via Safari, the image is cropped badly. Any way around that one?

    Thank you so much!

    Reply
    • Louise Myers says

      February 21, 2021 at 2:07 PM

      I’ll have to check into that next time I update this article, but don’t worry, most likely a very small number of people view FB that way.

      Reply
      • George McConnell says

        February 22, 2021 at 10:40 AM

        Hi – very useful article – I have the same issue as Jen though. Whichever browser I use on my mobile device the image is not cropped as I would expect. Perfect on desktop and mobile app. If it makes any difference I opted (after reading lots of advice from different sources) for a relatively large image – a 1920×1080 png – which does look good where properly cropped.

        Difficult to be precise, but it seems that I get approx 56% in Chrome and 37% in Firefox – in both cases seemingly cropped equally top and bottom (which is reasonable) but only cropped from the right – so you can only see the left hand side of the full image. In neither case is the image sufficiently shrunk to the appropriate size – I could use a smaller image, but would then lose the resolution.

        Definitely an unexplained issue – I don’t see an explanation on any of the “How to do cover pictures” articles online.

        Many thanks

        Reply
        • Louise Myers says

          February 23, 2021 at 8:17 AM

          It’s quite odd. I imagine no one is addressing this bc the number of people looking at your cover photo on a mobile browser is insignificant. Still, I will check this the next time I update.

          Reply
  12. Jessica says

    January 25, 2021 at 7:12 PM

    I used the 1200×674 dimensions and it worked perfectly, thank you so much!!!

    Reply
  13. Susan says

    October 14, 2020 at 1:04 PM

    Any insight for the sizing on the new look Facebook? Seems to be behaving differently.

    Reply
    • Louise Myers says

      October 15, 2020 at 9:00 AM

      I wish I could! FB has still not given me access to new FB.

      Reply
  14. Amanda says

    May 5, 2020 at 3:32 PM

    Hi I have tried this so many times but it still doesnt work. On my mobile, part of the cover is cut off on my business page. I used the dimensions 820 X 461… any idea how to fix?
    Thanks,

    Reply
    • Louise Myers says

      May 6, 2020 at 8:18 AM

      What device and how severe is the cropping?

      There’s definitely a different crop on tablets, which I don’t believe is worth worrying about, since only a tiny fraction of FB users are on tablets.

      All I can tell you is the dimensions on the template are still perfect on my devices.

      Reply
  15. David says

    March 26, 2020 at 6:30 AM

    Using the template the cover photo shows up fine on desktop and in the Facebook app on a mobile phone but when using a web browser on a mobile phone things are getting cut off. Not sure what Facebook is doing different in a mobile browser versus the app.

    Reply
    • Louise Myers says

      March 26, 2020 at 9:34 AM

      How strange. I believe this would represent a miniscule portion of page visitors though.

      Reply
  16. Dan says

    February 11, 2020 at 9:59 AM

    Does the template for FB cover photos work now for both business and personal pages? 1200×458 desktop, cropped from 1200×674 IPhone and 1200×581 IPad?

    Reply
    • Louise Myers says

      February 12, 2020 at 8:20 AM

      No, this is called out in the article above, with links to the other 3 kinds of Facebook cover photos.

      “This article applies to Facebook Business Page cover photos ONLY.”

      Here are Facebook Profile Cover Photos.

      Reply
  17. Russell says

    February 3, 2020 at 4:56 PM

    This article is a mess. In order to get “better seo” you fill the article with 99% rubbish peppered with 1 million ads that make it virtually impossible to read. Now i will take your png “template”. make it a psd and give it away for free. Essentially duplicating your page without all of the spam and provide the reader with what they want. This page is part of the 99% of the internet that is total rubbish.
    Thanks for being a part of that. And thanks for not being brave enough to approve this 100% truthful comment

    Reply
    • Louise Myers says

      February 4, 2020 at 7:58 AM

      So you 100% hated my article but are taking my template for your own purposes. Lovely.

      “99% rubbish” and “1 million ads” isn’t exactly “100% truthful.”

      Have a great day though.

      Reply
    • Louise Myers says

      February 4, 2020 at 12:32 PM

      More thoughts for you.

      “Essentially duplicating your page without all of the spam and provide the reader with what they want.”
      That’s 100% stealing, aka copyright infringement.

      It appears you think I should figure all this out for you, do it for free (no ads), and not be found by search engines (so you and others can’t find it). And not only that, but it’s OK for you to copy and post it elsewhere.

      I guess that makes sense ?

      Fortunately I had a kind comment last week from a reader saying they love the thoroughness of my articles. Some do like all the “rubbish,” aka pertinent information.

      Reply
  18. Daniela says

    July 22, 2019 at 9:12 AM

    Hey! I can’t locate where the PSD file is, could you help me?

    Thank you so much 🙂

    Reply
    • Louise Myers says

      July 23, 2019 at 9:04 AM

      Link is in post: https://crmrkt.com/zBV8pM

      I don’t offer a free one.

      Reply
  19. Robin says

    July 11, 2019 at 2:57 PM

    Thank you Louise! I’m new at this and your suggestion of 820 X 461 was perfect for mobile and laptop. I wish I saw your page a 3-4 hours ago! All the other dimensions I chose just didn’t work.

    Thanks again!

    Reply
    • Louise Myers says

      July 12, 2019 at 8:14 AM

      You are welcome!

      Reply
  20. Sara Scheuermann says

    May 28, 2019 at 2:58 PM

    Hi Louise,

    What about file size? Trying to get my 1200x675px image under 100K seems to be next to impossible. I’m in Photoshop Save for web, saving as a PNG-8 and have to select 4 colours to get the file size below 100K. (Needless to say it’s not pretty!)

    Reply
    • Louise Myers says

      May 28, 2019 at 4:17 PM

      Honestly I’ve never tried to compress the file that much. In my experience, the bigger the file, the better the result!

      Reply
  21. Anthony says

    May 17, 2019 at 11:22 AM

    Thank you for this. I posted this article on my facebook page.

    I also used it for my new banner design… saved me a lot of hassle.

    Thanks,
    Anthony

    Reply
    • Louise Myers says

      May 17, 2019 at 4:40 PM

      Glad it helped! Thanks for sharing.

      Reply
« Older Comments

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

purple gradient box says spend less time on social media and more time growing your business.

TOP POSTS about Social Marketing

How Often to Post on Social Media 2023
 
Social Media Image Sizes: always updated!
 
Social Media Holidays to engage followers

More Posts by Category

  • Social Media Marketing Tips
  • Facebook Tips
  • Instagram Tips
  • Pinterest Tips
  • Social Media Holidays
  • How to Make Graphics
  • Color Personality
  • Quotable Quotes

© 2023 Louise Myers Visual Social Media.
Blog Comment Policy | Disclosure, Copyright, and Affiliate Disclaimer