This article will describe what are considered to be the ideal images sized to be used when creating a post for Facebook,Twitter or Linkedln and also how these images will display on each social network's feed.
In general, these are the best sizes for sharing images on social media:
- Facebook - 1,200X628
- Twitter - 1,024X512
- Linkedln - 700X400
Ideal Image Sizes For Facebook Posts
The orientation of your image—whether it’s horizontal (landscape), vertical (portrait), or square—will determine which dimensions Facebook uses to show your image. If you upload a square image to share, it will be 470 pixels square, the maximum allowable size in a Facebook feed.
If you upload a horizontal (landscape) image, it will be scaled to 470 pixels wide and the height will be adjusted accordingly.
Landscape images smaller than 470 pixels wide could appear at less than the 470-pixel width, aligned left with whitespace to the right of the image.
If you upload a vertical (portrait) image, it will be scaled to a height of 394 pixels, aligned to the left, with white space to the side.
Sharing Links to Facebook With Images
If you share a link to Facebook, the image associated with the link can be displayed in a number of ways. Again, all depends on the image size (pixel width and height) and shape (orientation).
Image previews for shared links are scaled to fill a box of 470 pixels wide by 249 pixels tall.
When choosing an image to go along with a link, Facebook looks at the Open Graph tags for a page, specifically the og:image tag, which specifies the image that Facebook should use when sharing in the News Feed.
You can add the og:image tag manually into the <head> section on every page of your website, or you can try out a plugin like the one offered by WordPress, which handles the code and implementation for you.
If you are creating an image to be used in the og:image tag for your link, keep in mind that anything outside of 470 x 249 pixels will be cropped from the top and bottom in order to fit.
Additionally, if the link you share does not have the proper og:image tags installed or the image in the tag is not large enough, Facebook will not display it full-width. A thumbnail image will be placed in a small box to the left of the link text.
For most all image orientations—square, horizontal (landscape), and vertical (portrait)— the thumbnail will be scaled and cropped to fit a 158 x 158-pixel square.
In certain cases, very tall images (like infographics, for instance) will have 158-pixel width and 237-pixel height.
Twitter share image size
When a link is shared, Twitter pulls in a bunch of meta information from your website including the title, description, and a feature image. Here’s an example:
Twitter typically pulls in the image that’s specified within the post’s metadata. If the size of image isn’t right for the, it will sometimes distort and not look great.
With Twitter is best to use an image that’s 1024px x 512px in dimension.
Image sizes for Twitter cards
Images are also present in each different Twitter Cards.
All images for the large-image cards will be scaled to fit a width of 506 pixels. So landscape and portrait images will be resized to 506 wide and however many pixels tall (there doesn’t seem to be a maximum or a minimum here). Square images will be resized to 506 x 506 square.
Any image smaller than 506 pixels will appear aligned to the left with whitespace filling the empty space to the right.
One thing that’s interesting to note here is where the images get cropped. For the basic summary cards, photos will be cropped in the following ways:
- Square and portrait images will be cropped from the bottom up and not from the sides.
- Landscape images will be cropped from the outside in, and not from the top or bottom.
For the summary cards with large images, there don’t appear to be any noticeable crops.
If you’re curious how your images might look with Twitter Cards, you can enter your link intoTwitter’s free card validator to get a quick preview.
Sharing Links to Linkedln With Images
When you share links and articles to LinkedIn, the thumbnail photos appear at a maximum of 180 pixels wide by 110 pixels tall.
On Showcase pages for instance, thumbnail and featured images for links appear either at the standard size of 180 x 110 or at a larger size of 442 x 248.
LinkedIn uses the same Open Graph tags as Facebook and other social networks. If you’ve got your site well-optimized for Facebook links, then you should be good to go for LinkedIn as well.