NEW Facebook Link Thumbnails: Optimize Your Blog Images!

NEW Facebook Link Thumbnails: Optimize Your Blog Images!Facebook Link Thumbnail image sizes have been enlarged.

And, UPDATED JAN. 2014, Facebook is now suggesting Fan Pages post more traditional link shares, promising them better visibility in Fans’ news feeds.

The new and HUGE image size will change the way you create blog post images, AND share links on Facebook. This is BIG! 

Facebook Link Thumbnail in the Desktop News Feed

On desktop, the link preview will now appear at 400 x 209 pixels.

If the uploaded image is smaller than 400×209 px, then it will render as 154×154 or 90×90 px (the largest available size). BIG difference!

And that nice, big image (with its text box) acts as a link to the blog post when clicked, making it much easier to get viewers to your blog posts.

NEW Facebook Link Thumbnails: Desktop

Facebook Link Thumbnail in the Mobile News Feed

On mobile, the link preview will appear at 560×292 pixels.

If the uploaded image is smaller than 560×292 px, then it will render as 154×154 or 90×90 px (the largest available size). You don’t want that to happen, right?

NEW Facebook Link Thumbnails: Mobile

Blog Post Image Sizes to Ensure Maximum Impact on Facebook

Facebook is recommending an enormous 1200 x 627 pixel size for images, but link previews aren’t seen larger than 560 x 292 at this time (on mobile, and 400 x 209 on desktop).

The common denominator with these image sizes is an aspect ratio of 1.91 wide to 1 tall. This means you could take the height of your image and multiply it by 1.91 to determine the proper width.

I recommend creating an image at least 560 x 292 pixels for each of your new blog posts going forward. If you have older posts that you (or readers) will be sharing on Facebook, and especially if you plan to run one as a Page Post Link Ad, you’d be smart to create a new, larger image for that blog post.

The first image on this post was created at 560 x 292, and placed in my WordPress blog at their default “medium” size of 300 x 156. Normally I’d suggest only uploading images at the size you use them on your blog, to download faster. BUT my point here is that while you NEED to meet Facebook’s minimum link thumbnail size, you don’t have to show the image that large on your blog.

If you don’t want the image to be visible on your blog at all, and you’re comfortable with doing META coding, you can set the link preview image by following this tutorial. Don’t follow the size info there, as it’s outdated, but I believe the technique will still work with your new-size image. I haven’t tried it myself, and can’t help with META coding. But you could write me a tutorial if you like!

Why Care About Facebook Link Thumbnails?

Standard link posts (that is, with the link preview generated by Facebook, as described above) have been getting better click-throughs than other ways to share links that I’ve recommended in the past. Now with the large preview image, that can only get better – IF you take advantage of it!

If you don’t make your blog images at least 560 x 292 px, your link posts will be at a big disadvantage in the news feed. And if you plan to turn a link post into an ad, you will definitely want to ensure your image meets this minimum size.

If your Facebook link posts don’t pick up an image from your website, try this easy fix for missing link thumbnails.

For more details on the new link previews and Page Post Link Ads, you may want to check out Facebook’s Ads and Sponsored Stories Guide. See page 17.

Pin the full-size image below so you don’t forget the new Facebook Link Thumbnail image sizes! You can also embed it on your blog with the code below.

NEW Facebook Link Thumbnails: Optimize Your Blog Images Like This!

Embed This Image On Your Site (copy code below):

Share and Enjoy

  • Facebook
  • Twitter
  • Google Plus
  • LinkedIn
  • Pinterest
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS
 Name: Email: We respect your email privacy

About Louise Myers

Louise Myers is a graphic design expert whose designs have been featured by Disney, Macy's, WalMart and more. Her straightforward writing style empowers small business owners to make their own graphics for social media success! Follow Louise on Twitter: @Louise_Myers
This entry was posted in Facebook Tips, Websites & Blogs and tagged , , , . Bookmark the permalink.

10 Responses to NEW Facebook Link Thumbnails: Optimize Your Blog Images!

  1. Martha Giffen

    I always like your information! Not only is the info itself good, but your delivery of “how to” is exceptional! You talk in plain English for the rest of us. Thanks!
    Martha Giffen recently posted..Does Your Blog Have a Personality?My Profile

  2. Carla says:

    I’m glad to know about the Facebook changes – it’s hard to keep on top of them all! Keep up the amazing effort.

  3. Thank you for this information. I use images daily for Facebook to promote my photography blog and was not aware of this info. I will continue to watch for your posts and share!

  4. Tariqul says:

    You are really a genius about new technology as well as tips and tricks. Please post some article about how can I use facebook for business in 2013. I hope it will be very helpful for us.

  5. susan says:

    While I welcome the opportunity to display larger thumbnails, this change has created huge problems for everyone who wants to share content on Facebook. Anything that doesn’t conform to these strict dimensions gets cropped randomly to fit the dimensions of the thumbnails, instead of being scaled in proportion, like it used to be. The portrait oriented images are the worst. Also, Facebook seem to randomly pick images from a page, and the one you want is not always available to display. Have you tried pasting the URL of this post into Facebook? I often do this when I want to share a webpage that has no share buttons. Try it! See what happens? Your images get chosen and cropped randomly and it looks pretty awful. And there’s nothing you can do to change it! It’s soooo frustrating!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge