Facebook Image sizes – updated August 2015
Yes, this is another post about Facebook Image Sizes. You’ve probably read some before so why read this too? Firstly, this post only talks about images you post to your Timeline and those included when you post a link. The main reason is that most posts I’ve read aren’t very clear and the infographics you see are even more confusing. I hope to make your life easier by giving you examples.
To have the most impact, your Timeline and Newsfeed images need to fill up the area available without being cropped. Unless you want to encourage your viewers to click to see the full image, or guess what comes next, get your message across in the main Facebook Timeline and Newsfeed windows.
Facebook Help doesn’t give much information, perhaps to save them updating pages when sizes change again! This is what a search on Facebook Help brought up:
To add to the confusion, the image that shows on your own Timeline is not the same size as when a friend or follower views it on their Newsfeed because the post columns are different widths. Maybe the rules for Facebook membership should be “over 18 years of age and good at math”.
- On the web a Timeline post column is 487px wide.
- A Newsfeed post and Page column is 470px wide.
- On Mobiles, where only the Timeline/Newsfeed column show, the width is up to 615px.
In case you’re not sure which is your Timeline and which your Newsfeed here’s an explanation.
The difference between the Facebook Newsfeed and Timeline
The Timeline is the page where you see all of your own posts and those from friends who’ve posted directly to you. This is the page others see if they click on your name, or find you via search engines. Who sees what depends on your privacy settings. You may know it as your wall or profile page.
The Newsfeed is the page that appears when you first log on and contains selected updates from your friends, groups and pages you’ve liked. (Also known as your Feed or Home Page).
I stress selected because Facebook doesn’t show all your posts to your friends, only those it decides are important or popular. One criteria is how much interaction your message has: how many shares, likes and comments. If you want to increase the popularity of your own Facebook posts, choose images your friends will like the most and regularly comment on, share and like their posts.
Best Facebook Image Sizes
By “best” Facebook Image Sizes I mean those that show up in full, without being cropped, on a Timeline and a Newsfeed.
When Uploading Your Own Image – No Link Attached
Landscape – Thankfully a normal size photo which has the ratio of 4:3 fits just about right, so if you take a snap with your phone and upload it to Facebook you’ve got the sizing covered.
If you create your own images the size that will fit exactly in the Newsfeed image window is 470px x 394px. To get technical this is a ratio of 1:1.92 or 1:1.1917808…. to be pedantic.
Portrait – The same ratio of 4:3 also fits as long as the image is large enough. The image will be centered on a Timeline and Newsfeed with space at either side.
If your image is small and not in the right proportions, the image might be cropped and it won’t be centered on a Newsfeed
Square images fit the width and height available perfectly. If you want the best quality aim for high quality at least 470px x 470px under 100kb. Over 100kb the image is compressed.
When you post a link to a webpage, Facebook tries to find an image from that page to include with it. On larger mobile devices the image will appear larger (up to 600px x 315px) on both Timeline and Newsfeed view.
- If the image is large enough, but in the wrong proportions, the top and bottom of the image cuts off.
- If the image from a linked website post or page is smaller than this, only a small thumbnail will show:
Images on Your Blog
Because the size of your blog images affect their impact when shared on Facebook, try to make them large enough and with the right dimensions to suit Facebook image sizes. Your images need to be a minimum of 470px x 246px. If you don’t want the quality to deteriorate on mobiles use 600px x 315px. I stick to the minimum size because of page loading times.
If you don’t want to use an image this large in your post you can still use a large image as your featured image even if it appears as a thumbnail on your blog post. Another option is to manually link to your post in Facebook. Add your text and link and instead of using the image Facebook chooses, upload a different one.
Larger blog images have more impact within your post and are more Pinnable on Pinterest. Think of who might be sharing your posts. For example, a blogger who posts about health topics might not be keen to share your post about a completely different topic to Facebook, Twitter or Google Plus. They want to be recognized for their own niche area. They will be more willing to share to Pinterest, where they likely have boards covering all sorts of subjects.
Images not showing up in your linked posts?
If you have trouble with your blog images not showing up in Facebook link posts, use a plugin that adds the “og”meta tags that Facebook looks for. Yoast WordPress SEO has this feature built in but you can use a dedicated plugin for this such as Open Graph Protocol Framework. If you still have problems there may be a plugin conflict. WordPress SEO also has the option to choose which image you want to appear when sharing. You can choose an image from your post or upload a different one.
Here’s an example of the open graph image meta tags from my last post on blog headers
<meta property="og:image" content="http://www.sueblimely.com/wp-content/uploads/2014/07/forehead-brand-promotion.jpg"> <meta property="og:image" content="http://www.sueblimely.com/wp-content/uploads/2014/07/headless-branding.jpg"> <meta property="og:image" content="http://www.sueblimely.com/wp-content/uploads/2014/07/blog-header.jpg"> This information is current at the time of writing and matches the changes Facebook made earlier this year. Layout changes might well happen again which affect image sizes. I'll keep you up to date.
Now I’ve advised you to use images with specific dimensions, you might be asking how to make them the right size. In my next post I’ll talk about the various tools and software you can use for this. Earlier this year I created a huge set of Facebook size background images to share with you. After I edit them all to fit in with the new sizes I’ll publish them for you to download.
I hope this makes sense to you, if not please ask me in the comments. It took me quite a while to get to grips with it all and I already knew the basics about Facebook Image sizes. (The italicized text there was to cater to Google because WP SEO reckoned I didn’t have enough keywords. I still don’t but won’t annoy you with any more. )
Just for fun, even if you know the real ending of the quote in the top image, can you suggest alternative endings?