Facebook Profile Page Header Image September 2017

Facebook Cover Photo, Group Header Image Size And Other FB Graphics

*** UPDATED WITH THE LATEST CHANGES February 2018 – Quentin Pain ***

If you want to find what size your graphic should be for a Facebook Profile Page Cover Photo it’s quite a challenge. That’s why I made this page. So here it is: 851 x 318 pixels.

And if you try to hunt down the same thing for your Facebook Group Header Cover Photo, it’s just as difficult. So here that is too: 820 x 428 pixels (Facebook changed to this new size on 28th November 2017, but note that the top and bottom of your header is hidden – details below – note that all old headers will be cropped almost in half if not updated to the new size).

When updating your group image, FB do give you the chance to move an oversized graphic around, but it’s far better to design it the right size in the first place.

Facebook Profile Header Image Size

BUT – things get in the way. Here’s a snap of my Profile Cover Photo together with all the dimensions you need:

Facebook Profile Page Header Image September 2017

The above cover photo is for my Facebook profile page and automatically embeds my profile name to the right of my profile image (Quentin Pain).

Your profile picture extends 25 pixels below the bottom of the graphic into the menu bar (as you can see above), and there is also an embedded 2 pixel white border with thin grey outline added to your picture (this fixed border stops creative designers doing funky things by merging their picture onto the menu bar and cover graphic etc. – shame).

Facebook Page Header Image Size

If you have a Facebook Business Page (aka Fan Page or Community page etc.) and you want to take full advantage of the space, you’re going to need a slightly different sized image. It’s  820 x 320 pixels.

Facebook Fan Page Header Image Size

Facebook Group Header Image Size

Next up we have the Facebook Group Cover Photo. If you run a group on Facebook, use the dimensions below to make best use of the image header area. The size is 820 x 428 pixels.

NOTE: For some reason. Facebook cuts off 43 pixels of the top of the image and 51px at the bottom. No one knows why. So make sure your graphic is 820 x 428 pixels and that nothing is in the top 43 pixels or the bottom 51 pixels of the image since it won’t be shown.

UPDATE: The invisible strips at the top and bottom are revealed if you click on the header (or if you’ve not updated your header image since the change, then the cropped part will also be revealed).

Here’s the group header image for my Content Writers group. It’s called The Science of Copywriting – feel free to join if you write content for yourself or others and want some daily inspiration and ideas.

Facebook Group Header Image 820x428

Facebook Desktop Ad Image Size

My mission is to help people write and publish the best content online, so they not only promote their business, but also get to be seen as the best in their industry or market.

So to promote that, I use Facebook marketing to help spread the message. And that means I also need to know the size for my ad images.

Some of the marketing I do is based on Facebook Sponsored Posts. The best results come from videos (at least for now – but it does depend on the video of course!). For a fixed image, Facebook recommend a size of 1200 x 628 pixels.

Below is an example that advertises a Workshop I do for bloggers, online content writers and freelancers. Luckily, all ad images on FB seem to have the same aspect ratio, which is 1.91:1 (so you can create your ad images at 1200 x 628 and FB will scale them accordingly without losing the aspect ratio).

Facebook Sponsored Ad Image Size September 2017

Advertising with Facebook is a science, and as with all advertising, you must think through the customer journey.

And that depends 100% on the traffic you drive to your ad.

If it’s cold traffic, you’ll need to entice and educate your visitors.

If it’s pre-sold or warm traffic, you need to give them a compelling reason to find out more.

Either way, don’t even think about click-baiting your visitors. Facebook are banning people at a faster rate than ever for trying to game the system.

Just put up good stuff and be straight (it can be funny or quirky too, but take care).

Join my Facebook Content Writers Group

Facebook Header Top Tip

You can use larger images for your headers, just make sure the aspect ratio is the same. So for example, you can scale up a Group Header to 4900 x 2558 as Mark mentions in the comments below

 

Quentin Pain

Quentin Pain is an advanced business specialist, former Small Business Mentor of the Year and founder of multi-million pound British software company Accountz. He helps business owners become number 1 in their market. Quentin has been featured in The Sunday Times, The Independent, The Daily Express, The Financial Times, MoneyWeek, Metro, BBC and recently received the Enterprise Nation 2015 Top 10 Business Advisers in the UK Award.

  • Ben says:

    820 is correct but 428 is NOT correct. I used dots and the width is perfect but 428 is too long and the 15 dots are off the page when loaded.

    • Quentin Pain says:

      The top and bottom are invisible. So you will lose pixels above and below the image, but you’ve got no choice. Anything other than 428 and the image won’t fit. you will know this because when you upload it, the image is not draggable in the Facebook interface. What can I say – I really feel your pain – I have no idea why Facebook have made this so hard for us all. But 820 x 428 is the ONLY size that fits. There’s a note about it in the middle of the post above that I hope explains it more clearly.

  • Hey there Quentin. I help creative business owners learn how to use the tools to grow their online presence and this was REALLY useful. I was using 820 x 461 for my Facebook group cover and it works as well. I’ll definitely need to update my other ones. Thanks for the tips and clear images with arrows!

    Cheers!

  • Maria Elisabeth says:

    Hello! What about the size of a no sponsered post and album photo size? Thank you

  • Mark Husson says:

    sounds extreme but I put my group banner up at 4900 x 2558 and it’s far, far clearer than 820 x 428

    • Quentin Pain says:

      Yes that’s a great idea Mark. I can see you’re using the same aspect ratio, which is why it works. And since this is on Facebook, we don’t need to worry about large image loading speed either. Thanks for sharing.

    • Marcia Seever says:

      Mark, can you explain how you came up with those sizes? I don’t see how they are the same aspect ratio like Quentin mentioned below.

  • Candice says:

    Thank you! Finally got my Facebook group image to work.

    • Quentin Pain says:

      Delighted to hear that Candice. Take a look at Hale’s comment too. He’s discovered something I missed about the invisible strips at the top and bottom – they are shown if someone clicks on the image.

  • Hale Pringle says:

    The “Extra Space” at the top and bottom of the Group Image does show when someone clicks on the image and enlarges it. I use it for arrows that point to the “Call to Action Description” where I have a sales link. One arrow points to the right (desktop) and one set points down (mobile)

  • Olov says:

    We have hade perfect pic to our groups… Now when Facebook changes that… Its like we are children and hav to learn. I will call it Stupidity.

  • As dumb as the question may sound, (and I’m not a designer of anyone else’s banners or images except my own). I run an Italo/Australian Facebook Group and I cannot seem to get my entire image to show on my Facebook Group banner regardless of what size I use, (whatever size I use, be it big or small, the image is always cropped horizontally and vertically). I have spent an entire day mucking about with it without success and I have trolled the internet for answers, (and tried literally hundreds of different sizes), once again to no avail…..help !!!!
    It’s a closed group, but this is the Xmas banner I tried to upload today (https://www.facebook.com/groups/italoaustraliansinoz/)

    • Quentin Pain says:

      You’ve got no choice but to make it exactly to the size I mentioned above Leo (or in the same aspect ratio), just remembering that the top and bottom will be cropped regardless. It’s a horrible mess, but that’s Facebook. The only other possibility is that FB have rolled out different changes to different countries – but that really would be appalling. Contact me direct if you want, and I will try to help you get it right. You can connect with me on my Facebook group if you want: https://www.facebook.com/groups/scienceofcopywriting/

    • John Boone says:

      Leo-
      I took the liberty of adjusting your group photo. I sent it to you as a PM on Messenger. It should fit perfectly. Hope it works for you.

    • Quentin Pain says:

      Leo, your image header is 820 px wide by 334 high, which is why it doesn’t fit. The height needs to be 428 pixels. To fix it, I would create a black rectangle of size 820 x 428, then drop the original image on top of it in the middle. If you can, make sure the gap at the top is 43 pixels, then it should fit perfectly.

  • KatWoman says:

    Thank you for the proper sizes on FB group cover. (a very annoying unannounced by Facebook in advance change. Of course they have no correct info on it themselves.)
    Now I have to recreate (not just resize, b/c ratio is not the same) 20-30 banners for our group.
    After fruitless searches and lot of wrong answers this image above in blue is the ONLY correct one I found.. I created a template form it and it’s a keeper. Thumbs up sir.

  • sdm says:

    I made mine this size…it still stretches it. 🙁 So I don’t know what to do.

  • Beni says:

    Wow – there’s a lot to learn for newbies like us.

    • Quentin Pain says:

      The hardest part is keeping up with the changes. They’re never announced, which is a problem. But I do my best to keep this page updated when it does happen.

  • Traice says:

    Hi Quentin, thanks for the post about the new sizes of facebook group cover images but can I ask you if you have the correct sizes for showing on mobile devices? And, is Ipad different too? I work with graphic designers so to be able to supply them with the new size dimensions would be a great asset to me and my designers. Would you also suggest doubling the size ratios to achieve a clearer image in facebook? Thanks again great valuable information!

    • Quentin Pain says:

      Thanks for your comment. The sizes are fine on all devices. And yes, definitely double or quadruple the sizes to get crisper images on high definition devices (as you know, it’s the aspect ratio that is crucial).

  • Bazbee says:

    Thank you Quentin. My Group photo slotted in perfectly after I created a white tempate of 820 x 428 and pasted the photo (820 x 334) 43 pixels (with marker) down from the top. As you’ve said, both top and bottom of template hidden 43/51. Created using MS Paint

    • Quentin Pain says:

      That’s great to hear Bazbee. Thanks for confirming.

      • Bazbee says:

        Thank you for the reply. Further to my last I created a header for another group like this.
        1) Image/photo size 820 x 334
        2) Two white templates: A = 820 x 377, B = 820 x 428
        3) Rotate image/photo
        4) Open template A in MS Paint and paste in the rotated image/photo (automatically locks to top of template)
        5) Rotate 4), New image = 820 x 334 with 43 top border
        6) Paste 5) onto template B. Final with 43 top and 51 bottom border.
        I use Ribbet (photo editor), Picasa and MS Paint.
        Easier to do than describe!

  • Marcia Seever says:

    I think all of these different sizes and the strange “make it this size but don’t put anything in the top 48 pixels” crap, exactly that. A bunch of crap! I have made the banners for several groups so I’m going to try to resize them so they look right. And then I’ll pretend to think that it all makes perfect sense. NOT.

    Your article and graphics are quite helpful however, one thing I find irritating is that there is no consistency in what the different pages/groups/fan pages are called. (not only in your article) One can never be quite sure what people are talking about when they call one thing by several different names. Is it a banner, or a photo header, or just a header or a cover photo, or a header cover photo, or a page header, the photo at the top of the page, or…?? Just imagine if everyone called it the same thing! What a wonderful world it would be!

    Thanks for your article!

    • Quentin Pain says:

      Hey Marcia, thanks for your input. Yes, consistent naming would be brilliant. Evolution is a slow process 🙂

      • Bazbee says:

        Cover/banner/header whatever, if it looks like a duck, it’s a duck!
        Quentin, as you know many group admins continue to use portrait images and accept top/botttom cropping, can I put this one by you?
        Based on the 334 height, borders 43+51 add approx 28%. i.e. 43 = 13% and 51 = 15%.
        Now for those who persist on using portraits without templates, adding 13% top and 15% bottom white borders should work

        • Quentin Pain says:

          Hey Bazbee, You bring up a good point. If the header was to double in size (and maintain aspect ratio), does that also mean the hidden top and bottom borders are doubled? (eg. if the total new height was 856, does it mean the hidden top border would be 86 and bottom 102). If anyone wants to test this, please do let us know the results. For most people, I would imagine it’s simply a case of making sure anything important is not at the top or bottom (depends on the aesthetic pickiness of the designer of course – I mean that in a good way 🙂

          • Bazbee says:

            Hi again Quentin, yes you’re right there, I’ve seen those dimensions elsewhere.
            Subsequently I’ve checked two FB Groups who randomly upload large images.
            For both, FB automatically select, for the cover image, the top part of a large image/picture.
            As expected ratios are 820:334 and my theory of 13%/15% seem to be partly true. 13% of the top of the cover image is cropped (invisible) from the original image/picture whereas a much larger section is cropped (invisible) from the lower part.

          • Quentin Pain says:

            Hi Bazbee, the overall size of the header image must be 820 x 428 (otherwise the image itself will be cropped in all sorts of weird and wonderful ways depending on how different the sizes are to the correct size). You can double it in both directions and it will still work perfectly (and double again etc.). So 1640 x 856 will work as should 3280 x 1712. The lowest common denominator for the aspect ratio is, I believe, 205:107 (really awkward numbers right!). I haven’t tested this, just used my very limited mathematical skills to figure it out!

  • Jane says:

    Hey Quentin

    No idea why, I’ve resized an image to 820 px wide for an FB group but it’s spilling into the sides, cropping off vital info, and is out of proportion. When I take same image and test on my FB page it works perfectly.

    Further I’ve no idea as the image I replaced in the group was much wider and showed up perfectly…

    Any thoughts?

    Many thanks. Jane

    PS was looking for somewhere to upload to show it…

    • Quentin Pain says:

      Hi Jane, make the height 428 pixels (with your existing width of 820) and it will fit – BUT – you will not be able to see the top and bottom – these are hidden by Facebook (and there’s no way round it). So make sure there is nothing important in the top 43 pixels and bottom 51 pixels.

  • Bole says:

    I noticed that my album cover picture is ugly because it’s stretched horizontally! How can I make it more square like before?

  • >

    Here to Help

    If you've got any questions, just go ahead and make contact below.

    Social Media

    Contact Me