og:image Open Graph Warnings image size

My experience with Facebook made me doubt that computers are deterministic machines :)

Sometimes it will accept image of any size (between 200 and 1500px), sometimes complain that image is too small (og:image should be larger) even if image is squared and bigger than minimum size (e.g. 400x400px). I had situations where the same link showed all 3 og:images in linter and in FB status field, then suddenly 2 weeks later stopped working and started showing only one image while trying to share it in FB status field (linter still showed all 3 images), and vice versa. Sometimes FB seems to have problems with different domains (e.g. page is on www.example.com and og:image on www.picdumpexamplesite.com), sometimes it doesn't mind...

IMHO it's heavily broken, and the best you can do is:
- make images squared, rounded to "hundreds", e.g. size 300x300px
- host them on the same server (same domain name)
- use jpg
- avoid any "strange" chars in filename (I use only letters and numbers)
- pray that something of the above works :)


Here's my tale of woe, hopefully it helps someone else.

I was getting similar warnings:

Provided og:image is not big enough. Please use an image that's at
least 200x200 px.

but this was only occurring on some pages of our website and not others. Which was strange, since the CMS we use consistently puts a 427px x 307px image on every page, and uses the URL to this image as the og:image tag.

After trying the hints above, I ended up comparing the JPG files on the pages that worked vs. the JPG files on the pages that didn't work and found those that didn't work had EXIF metadata in them. I removed the metadata in Photoshop, updated the webpages and resubmitted the pages to the Facebook Debugger and it worked.

tl;dr - Remove EXIF data from og:image.


I had

<meta property="og:type" content="website" />

in the meta tags.

Removed that line and it worked.

Current tags now look like this:

<meta property="og:title" content="Title Here" />       
<meta property="og:url" content="http://www.mysite.com" />
<meta property="og:image" content="http://www.mysite.com/images/myimage.jpg"/>