What is the minimum width and height Of Facebook Open Graph Images?

Question

I had read that images associated with a given URL in the Facebook open graph had to be greater than 50 x 50

However, when we ran the Facebook Object debugger - we g

Answer 1

From Facebook developers page:

Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.

You can find more details on this here. Please check point number 4

Answer 2

Looks like they updated their docs:

The picture must be at least 50px by 50px (though minimum 200px by 200px is preferred) and have a maximum aspect ratio of 3:1

developers.facebook.com/docs/reference/dialogs/feed

Answer 3

I recently had similar problems. As a rule of thumb, don't use a png image file, instead, use a jpg image file.

The general problem with png files is because of the transparent background they cannot properly calculate the height and weight since variations of the problem appeared.

It's a pity that it is not specified on the documentation...

Answer 4

It is pretty clear. They cannot be more than 130x110px and must be at least 200px per side. That is entirely possible if you store your image on a TARDIS.

Seriously, I just ran into this myself, which quite confused me since the pages passed muster just fine not long ago. I expect this is a change designed for the Timeline layout that just hasn't been updated in the documentation. What I can't find is if og:images must now be "at least" 200px per side what is the maximum and what is the current recommended size. WTF indeed.

Scott

Answer 5

Edit: Facebook Fixed their documentation:

From Luciano's Answer:

og:image should be at least 200px in both dimensions, with 1500x1500 preferred. (Maximum image size is 5MB.)

Answer 6

From https://developers.facebook.com/docs/plugins/checklist/#opengraphtags

1. Use proper Open Graph tags to drive distribution

Open Graph tags can be included in your page’s HTML to allow the Facebook Crawler to generate better previews when your content is shared on Facebook.

The basic Open Graph tags you should implement are:

Tag Description

1. og:title The title of your article, excluding any branding.
2. og:site_name The name of your website. e.g. IMDb not imdb.com.
3. og:url The URL that is the the unique identifier for your post. It should match your canonical URL used for SEO, and it should not include any session variables, user identifying parameters, or counters. If you use this improperly, likes and shares will not be aggregated for this URL and will be spread across all of the variations of the URL.
4. og:description A detailed description of the piece of content, usually between 2 and 4 sentences.
5. og:image The URL of the image that you want to appear when you share a link. We suggest that you use an image of at least 1200x630 pixels.