Facebook Photos Size Guide for 2019

Ever tried using photos and images on your Facebook page? It can be frustrating. So here's an up-to-date guide explaining what's what, what's where, and how big.

On April 30, 2019, Facebook announced that they’re rolling out a new, cleaner design for the site. They seem to be taking their time rolling it out, but I’ll aim to update the information below when the new version goes live. Changes like these are often rolled out incrementally to users, so it’s not clear when it will be available. In the meantime, a heads up that the information below is likely to be superseded soon.

In its early days, Facebook was all about text and links. But as it has grown up, images have become more and more important. They’re now more important for design and identity on the user interface, like your profile picture or cover photo. And it’s a great way to share photos in galleries and on the timeline. Facebook photos are now a big part of the site’s appeal even as dedicated image apps like Instagram have become hugely popular as well.

If you’ve come across this page, you’ve no doubt found out for yourself that working out what image sizes to use on Facebook isn’t as easy as it could be. It involves some wrangling to get the results you want. Each type of image on a page, profile, and timeline has its own size and quirks. And Facebook never has been very good about making its help pages easy to find.

Keeping things even more frustrating interesting is that Facebook changes things from time to time, usually without any warning. Sometimes it’s a small, incremental tweak. Sometimes it’s an entire overhaul (such as when timelines were introduced and again when they were changed from two columns to one column). So it’s always a bit of a moving target. And there always seems to be a new system just around the corner.

So whether you’re using Facebook pages for social media marketing or simply trying to post photos for friends and family, here’s my freshly updated 2019 version of the unofficial guide for the sizes of Facebook photos on the various parts of the site.

I try to keep this as up-to-date as possible, but Facebook has a nasty habit of making unannounced changes and then rolling them out gradually to users so that not everyone gets them at once. If you’ve noticed something that’s changed, please let me know in the comments so I can investigate and update as necessary.

Facebook Cover Photo Size

Recommendation: Use an image that’s at least 820 pixels wide by 360 pixels tall. But if you want better quality, use an image that’s at least 1640 pixels by 720 pixels.

The Facebook Cover Photo is the large panoramic image space at the top of the timeline. It’s also sometimes called the banner image or the header photo.

The way it’s displayed varies by the size of the browser window or device screen. And not all of the image is visible on every display.

On a desktop browser, the entire width of the image is displayed. But there are thin strips from the top and bottom that are trimmed off. Each strip is 24px tall.

On the mobile app, you get the full height, but larger strips are trimmed off each side. Each of those strips are 90 pixels wide.

What that means is that there’s a safe zone in the middle of the image. Anything out of that safe zone will not be visible to at least some users some of the time. So you wouldn’t want to include some vital information like text, part of a logo, or faces in a group photo, near the edges of the image, for instance.

Here’s a visualization of what I mean. This is the original image I’ll use for illustration. Each band is precisely 25 pixels wide.

Displayed in a web browser, it looks like this, with the bands trimmed at the top and bottom:

In the Facebook mobile app, it looks like this, with the sides cut off instead:

So what you’ll want to do is to make sure any important visual information is away from the edges of the image, at least 24 pixels from the top or bottom and at least 90 pixels from each side. So sticking within the green area of this:

Of course, if you’re following my recommendation and uploading an image at double resolution, you’ll obviously want to double all of those dimensions.

Changing Your Facebook Cover Photo

If you’ve just set up a new Facebook profile or page and don’t yet have a cover photo, just click on the “Add a Cover” button at the top of the page where the Cover Photo will go.

Once you’ve added your photo, you can replace it easily. When you’re logged in to your account and on the Timeline view, move your mouse to the camera icon at the top left of the cover photo section. When the cursor gets over it, it will change to “Change Cover.” Clicking on that opens a drop-down menu from which you can choose the source for the new photo. This is also the same menu to use if you want to remove or reposition an existing photo.

Cover Photo Types: Single Images

In terms of types of images, panoramas are ideal. Simple crops also work, although the effectiveness is obviously going to vary based on what it’s the image. And there’s nothing stopping you from assembling multiple photos into a collage in your imaging software, saving it as a single image file, and uploading that. Like these, for example:

Cover Slideshows: Multiple Images

Until fairly recently, it was only possible to choose one photo to act as your static cover photo. But a new feature has been added: slideshows. You can now select up to 5 photos that rotate. Access this feature through the same menu that lets you add or change the cover photo (i.e. the camera icon at the top left of the cover image section).

When you create a slideshow, you’re given the option to select up to 5 images that will be used. Use the filmstrip at the top to choose the images either from existing images or upload new ones. You can then click on the thumbnail and get a preview of how it will look in the larger space below the thumbnails. You can click and drag in that section to reposition the image in the viewport.

You can also have a dynamically generated version that lets Facebook choose the photos based on what’s performing well and based on the activity on your page. You can turn this feature on or off using the switch at the top right of the slideshow editing screen.

If you’re using the slideshow cover, your visitors can navigate through the slideshow using the arrows on each side or the position indicators at the bottom.

There are two things that I find odd about the way the slideshows currently display to visitors. The first is that the slideshow doesn’t advance automatically. So to see more than one image in the slideshow, your visitors will have to know to manually advance through. I suspect only a very small percentage will do so. The second thing is that if you turn off the option for Facebook choosing the images, it displays the images in the same order every time rather than randomly. The upshot of both of these things is that, at least in how it’s currently implemented, the vast majority of your page’s visitors are likely to only ever see the first image.

Cover Videos

You can now also use video files for your banner area. They must be between 20 and 90 seconds and measure at least 820 by 312 pixels. The recommended size is 820 by 462.

If you’re shooting a video clip for this using a camera that lets you choose the video resolution, the 720p mode would be a good place to start because that measures 1280 by 720, which comfortably has enough resolution.

I have more detailed guide on Facebook video covers separately.

Facebook Profile Picture

The Profile Picture is to the left of the cover photo in the web browser display. It used to be a square, but it’s now a circle on the desktop version while still a square in the mobile app. It has a thin white line around it that’s applied automatically.

Whatever shape the image is that you upload, it will be cropped to a circle. It displays at 172 pixels diameter in a web browser and much smaller in the mobile app.

When up select a photo to add a profile picture, you’ll get the option to move the focus around (assuming it’s not square) as well as zoom in and out (so long as it exceeds the minimum resolution).

When you’re logged in, click on the small camera icon at the bottom right of the profile picture–as you hover it will overlay to a “change image” link.

Tip: If you find that your resulting profile picture, after it’s downsized in Facebook, is blurry, try uploading an image twice the size of the downsized image (that is, an image that is 344px by 344px). I’ve found that in many instances that can give a sharper result.

Profile Picture on the Timeline

The profile image that appears next to your name on comments and posts is the same image and is still a circle, but it’s automatically scaled down to 40px by 40px.

Shared Link Thumbnails

The thumbnails for shared links display in a web browser at 500 pixels wide and 261 pixels tall.

For a while, it was possible to choose a different shared link image, but that feature has been removed. For now, at least, there is a workaround if you share the links using a social media management service such as Buffer, but you can can’t choose a different image to use from within Facebook anymore.

If you’re sharing links from your own site, it is possible to specify which image you want to use as the image thumbnail, but that’s something that you’ll need to set up on your site and is beyond the scope of this post. But if you’re looking for what terms to Google on this, what you’re trying to do is set the “og:image” property in the page’s Open Graph metadata. Here’s Facebook’s documentation, and if you’re using a CMS like WordPress for your site there are plugins that can handle it for you.

What you can do still is add more thumbnails that are in addition to the original (not in place). When you go to share a link, use the bottom section of the popup to add more images. But you can’t deselect the original image anymore like you used to be able to.

Photos on the Timeline

The size and layouts of thumbnails on the timeline varies according to how many images you’re sharing in the same post as well as what orientation specific images have.

Single Photo on the Timeline

When you upload an image to the timeline, a thumbnail is generated automatically to fit within a box that is 500px wide and up to 750px tall. So if you want to use the maximum space available, upload an image in portrait orientation (vertical) that is in the ratio of 3:2. This is an example of using the maximum available space:

If you upload a landscape (horizontal) image, it will be scaled to 500px wide and retain its shape. The full area of the image appears without any cropping.

This is another rectangle in landscape orientation, but it’s a much narrower aspect ratio like a banner or panorama. The width is again 500px and the image is scaled so that the entire image area appears.

If you upload that same image rotated 90 degrees, so that it’s tall rather than wide, it will be cropped to the maximum available area of 500px by 750px.

And if you upload a square, the whole image will be displayed, with the width at 500px.

Posting Multiple Images at Once to a Page’s Timeline

You can upload multiple photos at once to the timeline. How they’re displayed depends on how many images you’re uploading and the orientation of what I will call the primary image.

The primary image is what I’m calling the one that displays first in the uploading popup, and it also displays larger in some of the layouts. So far as I know, there’s not an official name for it, but I’m going to go ahead and use “primary image.” So that’s what I’m referring to in the section below.

As well as displaying first, the primary image has another important role. It determines the layout you get. If you upload 3 images with a square primary image you’ll end up with a different layout than if you upload 3 images with a rectangular primary image.

The easiest way to select which image serves as the primary image is to drag it to the left in the upload dialog.

Here’s an example of what I mean. In this one, I’m uploading two images, an orange square and a green vertical rectangle. If the orange square is in the first position in the upload dialog, like this:

it posts like this:

Uploading exactly the same two images but reversing them, so that the vertical rectangle is first, like this:

displays like this:

The same principle applies if you’re uploading two, three, or four images–the layout will always take its cue from the primary image.

2 Images With Horizontal (Landscape) Primary Image

The full width becomes 500px and each of them is cropped to 249px, with a 2px white gap between them.

2 Images With Vertical (Portrait) Primary Image

2 Images With Square Primary Image

3 Images With Horizontal (Landscape) Primary Image

Because the layout takes its cue from the primary image, you can mix and match the orientations of the non-primary images–they’ll still display the same.

3 Images With Vertical (Portrait) Primary Image

3 Images With Square Primary Image

4 or More Images with a Horizontal (Landscape) Primary Image

You can mix and match the orientations of the non-primary images–they’ll still display the same.

If you upload 5 images or more, it displays only the first 4 images but will add an overlay to the bottom right thumbnail with the number of images that are not displayed (eg. +2 or +4, etc). Like this:

4 or More Images with a Vertical (Portrait) Primary Image

4 or More Images with a Square Primary Image

Full-Width Photos on Facebook’s Timeline

Yes, they were cool. The image spanned both columns. But Facebook did away with them in their redesign in mid-2014. Your updates now only show in a single column, and there’s no way to make photos wider than that column.

Event Header Images

No matter what shape image you upload as a header image for an even post, it’ll be cropped to an aspect ratio of 16:9. For best results, upload an image that’s 1920 by 1080 pixels. But something to watch out for is that in the main event view it’s scaled down quite a lot, so don’t use fonts that are too small (people can click on the image to open a larger version, but not everyone is going to do that).

When it’s displayed on the main event page it’s scaled to 500 by 262 pixels, like this:

Facebook Image Quality Issues

Something to be aware of is that Facebook compresses some images pretty aggressively when you upload and display them.

It makes sense–naturally, they want to speed page loads and reduce bandwidth by applying as much compression as they can get away with. I’m not the only one to wish they’d be less aggressive with their compression, but how noticeable it is will depend on whether things like the range of colors in your image and amount of detail in your photo.

In the examples above, the JPG compression is far more noticeable in the montage version than in the Sydney Harbour Bridge version. I set the quality and sharpening settings the same for each in the originals before they were uploaded. Some users have reported that images with lots of reds and oranges seem to show the effects of the compression more than ones with blues and greens, but it depends on the actual image.

It also seems to depend on what kind of image you’re displaying. Photo gallery images seem to have less compression applied in displaying than do design elements like the cover photo and profile picture.

There are some things you can do in prepping the images before uploading that can help reduce the chances that your image will come out looking crappy.

Upload images that are 99KB or less in filesize. Facebook should leave images less than that untouched, which gives you control over how the compression is applied.

Upload images that don’t have a lot of compression already applied. For JPGs, for example, try keeping the quality setting at 80 or above–Facebook is going to compress it again anyway. If you’re using software that factors in colorspace (like Lightroom or Photoshop), use sRGB colorspace. And uploading images that are already resized to close to or at the target display size and not overly sharpened seems to work well.

If none of these work, take a look at my post on how to get sharp text on Facebook images.

Getting Fuzzy Text, Logos, or Watermarks on Images?

If you’re including text, a logo, or watermark and finding that it’s ending up fuzzy and unclear due to the JPG artifacts, I’ve got a separate post detailing how to fix it: How to get sharp text on Facebook images.

Image Metadata on Facebook

While not specifically related to image sizes, it is worth knowing that Facebook strips out all metadata from your images. That includes all GPS, camera type, and other data that your camera might embed, as well as anything like keywords or copyright information you might have added. (An exception is if you’re in Germany).

Facebook Photos Cheat Sheet

Width Height Notes
Cover Photo / Cover Slideshow 820px 360px
Profile Picture in Header 172px 172px Must be at least 180px by 180px
Profile Picture on Timeline 40px 40px Same image as main Profile Picture, automatically downscaled
Shared Link Thumbnail 500px 261px Only for single thumbnails. Multiple thumbnails are cropped.
Uploaded Timeline Photo Thumbnail 500px max 750px max See exceptions above for multiple images.
Event Header Image 500px 262px 16:9 aspect ratio only. For best results, upload 1920 x 1080 px image.

View Comments

  • This article is SO amazing but, unfortunately it is missing the ONLY photo size I was looking for: FEAUTURED PIC. I am trying to do a single Feature Pic for a client and it look ok on mobile but, on Desktop looks cropped on one side. I know nobody looks at it on Desktop other than me (haha!) but, I hate seeing it cropped! Do you happen to know the exact dimensions? Thanks!

    • How funny, I'm here on the same day to make the exact same comment! The About Us image looks fine everywhere but on my desktop when viewing the page's home/timeline. Again, no one probably views this on desktop but me, but still!! How do you avoid the image being cropped on the right side?

  • Facebook android app has been having trouble with link images after one of the past 3 updates (past 2 weeks). They are now showing small and badly cropped thumbnail images, most of the time. This is only affecting links shared by users, not pages or ads. Image show fine on the desktop and web version, seems to be just a problem with the android app.

    This has caused a steady drop in traffic.

    • Yes very annoying. I too am finding that when I use a link say from Flickr that the edges of the link images are cut off in the timeline when viewed on the IOS app. It is described in the article that 90px are cut from both edges but in reality I have not noticed this before.

      The link image is displayed perfectly in a desktop browser or mobile browser.

  • Thanks so much for the detailed post. I am teaching a class to small business owners on how to use Facebook, and am going to share this link as a follow up resource. .

  • First, FB dropped the ability to crop photos in a post, now it has to be done before uploading to FB. I HATE IT!

    But now, I can't even preview my cover page and slide the picture around or crop before posting it! My profile picture cuts off half the image and I no longer can slide the photo to adjust around it.

    Can you please help with this?

  • I've been trying to find the best resolution to post images in my groups. Posting images in groups seems to be more strict, when it comes to resolution, then posting on a timeline. I tend to adjust my image sizes to 2048 px width and in portrait orientation(based on previous, outdated forums). It's also difficult to find info on group image resolution postings. Help me...you're my only hope.

    Thanks for your time,
    Ryan

  • Hi:

    Just wondering why FB has recently changed the Fullscreen mode size - when uploading a 16x9 pic you could select Full Screen and just the pic was displayed. Now the text box on the side is also displayed. Anyway around this?

    Cheers,
    Andy

      • 16x9 full screen mode, still the text box on the right side is also displayed, annoying as we can see the text in the timeline already ... full screen mode is waste now, to see the photo still full screen now you must right-click the photo, open in tab and press F11 ... rather cumbersome !
        You would look into it since February 23 2019 ... no change yet

  • Hello Davaid
    Thank you for your efforts
    How can i choose squre primary pic view when I upload 4 pictures?
    Some times it showed as square but other time is not! How can i control this?

    Much appreciated

    • It's working consistently for me so long as the first image at far left is a true square. You can reorder as part of the upload process by dragging and dropping to change the order. If it's not that, I'm not sure--I'm not able to replicate myself.

  • Hi David,

    I was wondering if you knew the picture size dimensions for when you're doing an FB audio recording?
    The default is a circle picture of your profile BUT you can add a picture of your choice, do you know the dimensions?

    Thanks
    Yvonne

    • I don't know off-hand, but I plan to overhaul this page in the next week or two and will investigate this issue then.

  • Hi, why is it that no matter what size of image I upload to the Group cover window, FB stretches it beyond the dimensions of the window image area? I have inspected the image size window and it appears to be 820px wide by 428px high, uploaded an image by that size and it still shows up stretched beyond the cover window dimensions on all sides. Please help. Thanks.

    • Same with me, on desktop view (looking at it from the phone) fb keep stretching the image wider. Very annoying, I gave up on it.

Share