I am stuck with this and looking for fresh ideas. I am helping a friend blog, with blogger.com platform. Problem: the Facebook share of the blog is providing either empty image, or a corrupted image of "pencil" icon.
I tried the following:
reading the best practices at developer Facebook site
verified image is at the recommended size (600x314)
defined the meta tags of width and hight.
used the Facebook debugger tool to fetch new scraper data - always gets the same error:
og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook. Image ... will be used instead. Consult...for more troubleshooting tips.
by the way, in the Facebook debugger tool, I see that the "Based on the raw tags, we constructed the following Open Graph properties" section, has indeed showed for the og:image the correct image, but it shows a thumbnail of it twice, in a layered way.
This is the code (placed within the <head>..</head> section):
<!-- Added by Gadi to support default image for blog sharing -->
<meta property="og:title" content="BLOG HORUT" />
<meta property="og:image" content="http://3.bp.blogspot.com/-rk2zwtg7_Vc/VuR2Xs9G5cI/AAAAAAAAAS0/uEJWZcyZcpQZhjUrIUiAR0gsyCfgdSSfw/s1600-r/cover4.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="314" />