We are going to take a look at how to size your images for Facebook posts. 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. Here are our Facebook image size hacks for 2019!
Single Photo on your 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 we 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.
As well as displaying first, the primary image has another important role. It determines the layout of the images. 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 far left in the upload dialog.
Here’s an example of what we mean. In this one, we are 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 will post it like this:
Uploading exactly the same two images but reversing them, so that the vertical rectangle is first, like this:
It will display 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
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:
Now you have all the tools to ensure that when you create a post you can choose the right layout for your sequence of images. Bookmark this page to ensure you are always making the most of your posts through thoughtful, creative layouts.