Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Facebook linter reports og:image is too small, when it is larger than the image it choose instead

Problem:

  • linter reports that specified og:image is too small. Image is 628x464.
  • linter instead picks a random image from the page which is 380x214, smaller than the og:image!

What the linter shows me:

http://developers.facebook.com/tools/debug/og/object?q=futuremark.com

Background:

We have been happily using 130x110 og:images without problems for the last 9 months. I noticed in the last couple of weeks that pages were no longer sharing the correct image. Using the linter it seems that Facebook recently decided og:images should be at least 200x200. So I have been replacing our og:images with larger examples but the linter still says they are too small.

Any ideas how I can fix this, or is it a Facebook problem? Thanks.

like image 365
James Avatar asked Feb 21 '13 14:02

James


People also ask

What is the size of the image that appears on Facebook?

The og:image tag can be used to specify the URL of the image that appears when someone shares the content to Facebook. The full list of image properties can be found here. The minimum allowed image dimension is 200 x 200 pixels.

What happens if you post a photo that is too small?

This means that if you post a photo that’s too small, it will enlarge to fit the space, and if your photo is too big, it will shrink down. Clear, high-quality images speak to the competence of your business, and may even send a subliminal message to consumers about the caliber of your products.

Why are my photos on Facebook so low quality?

Because Facebook auto-sizes and crops photos to fit the dimensions of a post, using a photo that’s smaller than the recommended dimensions could impact the quality of your image.

What is the best size for a Facebook post?

The recommended image size for a standard Facebook post is 1200 x 630. Shared images will appear in your followers’ feeds at a maximum width of 470 pixels, and on the page at a maximum width of 504 pixels. In both cases, it will scale to a ratio of 1:1. Remember, Facebook will crop the image in order to provide a preview to users.


2 Answers

Now I guess that Facebook does not find tags for height and width and considers them null. In my case, next tags fixed this issue:

<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />
like image 157
Michael Livach Avatar answered Sep 29 '22 20:09

Michael Livach


Did you change how big the image file at http://www.futuremark.com/images/facebook/futuremark-logo.png is without changing the URL specified in the og:image meta tag?

The image itself will be cached if the URL didn't change, so you need to change the URL (or add a cash-busting parameter like ?v=1 to the end)

like image 36
Igy Avatar answered Sep 29 '22 18:09

Igy