So – you want to make sure the images you share on social media are all the right sizes, so they don’t show up looking all wonky with busted cropping and whatnot.
The thing is, finding where different networks list their recommended image sizes is super annoying.
That’s why we did the digging for you!
So consider this your quick-and-simple reference guide for posting images to Facebook, Twitter, and LinkedIn.
(We’ll do our best to keep it all up to date, too.)
Now, let’s cut the chatter and skip to the stuff you actually came here for, huh?
Facebook image sizes
When you paste a URL into a Facebook update, Facebook automatically creates a link preview for you.
(We wrote a whole post here about how to make sure the auto-generated preview looks the way you want.)
The ones you see most often probably look like this:
To generate this kind of link preview, the image Facebook pulls should be at least 1200 x 630 pixels to get the best results on high-resolution devices.
Technically, the image can be as small as 600 x 315 pixels, and it will still generate this style of link preview – it just won’t be as pretty.
(That’s according to Facebook.)
If your image is smaller than 600 x 315, it’ll generate a smaller thumbnail, like this one:
And that’s totally fine, too! It’s all up to you.
So that covers link previews – what about attaching an image to a status update?
Images in the Facebook News Feed are always 476 pixels wide, whether they have to expand or shrink (click to expand and see the quality difference):
If the image is taller than 714 pixels when its width is set to 476, Facebook will crop off the bottom of the image to make it fit into a 476 x 714 space in the News Feed:
So, that covers the basics for Facebook – how about another social network?
Twitter image sizes
Twitter’s version of a link preview is called a Twitter Card, which takes a little bit more effort on your end to set up.
(But it’s totally worth it.)
Twitter Cards take about 15 minutes or so to set up on your website, but when you’re done, you’re done – you can learn more about setting them up right here.
There’s more than one type of Twitter Card, though.
First, there’s one with a large image, like this:
If you want your Twitter Card to look like this, the image should meet these specifications:
- Minimum 300 x 157 pixels
- Maximum 4096 x 4096 pixels
- Less than 5MB
- JPG, PNG, WEBP or GIF (if GIF, only the first frame will display)
- Aspect ratio approximately 2:1 (if it meets the other size requirements, Twitter will crop the image to a 2:1 aspect ratio automatically)
Twitter also supports smaller Twitter cards, which look like this:
To generate a card that size, your image should have an aspect ratio of 1:1, and can be as small as 144×144.
(You can learn more about setting up that kind of card here.)
When it comes to just posting images, things work a little differently.
Twitter images display at a maximum width of 506 pixels. If your image is smaller than that, it will appear with white space to the right of the image. (You can also upload images that are wider than 506 pixels if you want better quality.)
Here’s what that looks like in practice (click to enlarge):
Here’s where it gets tricky, though.
If your image is taller than it is wide after being scaled down to 506 pixels wide, Twitter won’t display the entire thing in its actual aspect ratio, and will crop it to fit a 1:1 ratio.
That means if Twitter scales your image down to 506 pixels wide and it’s taller than 506 pixels, Twitter will crop it in the Timeline, and users will have to click on the image to see the whole thing.
This is something that happens a lot with portrait-oriented images, like this one:
(Unlike Facebook, which just chops off the bottoms of images that are too tall, Twitter decides how to crop your images using neural networks designed to find the most interesting/relevant parts.)
Want to get around being cropped?
One quick and easy way is to turn a portrait image into a landscape one by adding some background, like so:
That way, users scrolling through the Timeline will be able to see the entire image without having to click on it – which can give you a big advantage in capturing someone’s attention!
LinkedIn image sizes
LinkedIn handles images a little differently from Facebook and Twitter – which is good, really, because otherwise, this all would have been entirely too easy.
According to LinkedIn, the ideal aspect ratio for an image you’re attaching to an update is 3:2, with a 522-pixel width. If your image is wider than 522 pixels, LinkedIn will scale it down, and if it’s less than 522 pixels wide, it will be centered with white space on either side.
Here are some examples (click to enlarge):
If your image is taller than it is wide, LinkedIn will shrink it down so that it fits in a 1:1 box with white space on either side.
(So unlike Facebook and Twitter, it won’t crop the image.)
Here’s what that looks like:
The image we uploaded to LinkedIn has been made small enough to fit inside that 1:1 gray outline, eliminating that cropping issue you have to deal with on Facebook and Twitter.
LinkedIn also generates link previews for any URLs that you share – according to their guidelines, images should have a 1.91:1 ratio and be more than 200 pixels wide. (If they’re smaller than 200 pixels wide, they’ll generate a smaller, thumbnail-style link preview, much like Facebook does.)
And that’s it!
Yes, there are still a few stones left unturned, like GIFs, posts with multiple images, mobile, and so on – but this is supposed to be a quick and simple reference guide!
Got any tips of your own for optimizing images for social media?
Let us know in the comments!