LouiseM Visual Social Media

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

Home » Facebook Tips » Facebook Page Cover Photo Size & FREE Template 2025

Facebook Page Cover Photo Size & FREE Template 2025

by 345 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 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 croppings for phones, tablets, and computers.

Good news for 2025!

purple banner says Facebook Cover Photo Mobile and Desktop 2025.

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 large profile picture overlays on mobile, and severe 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 2025.

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 2025

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.

New for 2025: FB has matched iPad cropping to iPhone, and also reduced the gigantic, centered DP and moved it to the right.

Simpler, but the PP on mobile still overlaps a lot of your banner.

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

downloadable template for Facebook Cover Photo Mobile and Desktop 2025.

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!

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

At least the iPad overlay was moved in 2024, so it requires pretty much the same workaround as iPhone. See the template above.

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:

mobile to desktop cover photo crop in New Facebook

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.

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

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.

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.

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:

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!

Comments

  4. 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!

    Reply

  5. 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!

    Reply

  7. 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.

    Reply

    • 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.

      Reply

  9. 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

    Reply

  11. 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!

    Reply

  12. 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.

    Reply

  13. 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

    Reply

  14. 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.

    Reply

    • 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.

      Reply

  18. 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

    Reply

    • 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!

      Reply

  23. 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.

    Reply

    • Sorry, I don’t see any overlays on your page on desktop or mobile, or anything above your cover photo, OR to the right.

      Reply

  28. 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!

    Reply

    • 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.

      Reply

  29. 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

    Reply

  31. 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

    Reply

    • 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! 🙂

      Reply

  32. The Facebook business Page cover dimensions/display has changed again. Is there a new template we can use? Thank you!

    Reply

    • 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.

      Reply

  35. 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.

    Reply

  36. 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!

    Reply

  37. I’m also having this issue, unfortunately. The link only states that I am logged in. Thanks for your help!

    Reply

  38. 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

    Reply

    • 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.

      Reply

  40. Broken record I’m afraid… same problem as everyone else. No download… just keeps telling me I am already logged in.

    Reply

    • 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.

      Reply

    • 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!

      Reply

  42. 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

    Reply

  43. 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.

    Reply

    • 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.

      Reply

    • 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 🙂

      Reply

  45. 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 🙂

    Reply

  46. 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!

    Reply

  47. This is an excellent resource. Any chance of a similar one to preview Facebook ads in both desktop and mobile settings?

    Lia

    Reply

    • 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.

      Reply

        • 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!

          Reply

      • 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?

        Reply

        • 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.

          Reply

          • 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.

          • Have you tried my template? It works for me, and I don’t think there’s any magic involved.

Leave a Reply

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