Webpage Og:image Are Cropped In Facebook

I have og:image on my web page and image size 1200px by 630px. It gets cropped at on Facebook, what I miss!? CODE

Solution 1:

I had this same problem. You have probably edited the image several times and saved it with the same filename. The image is being cached on Facebook servers and Facebook does not refresh the image if the name remains the same. Rename your image and update your pages html then use Facebooks Object Debugger

Solution 2:

check if your picture's aspect ratio is 1.91:1, this aspect ratio is what facebook reccomends in order to avoid cropping.. check it out here https://developers.facebook.com/docs/opengraph/creating-custom-stories/#, Good luck and hope it helps!!

Solution 3:

In addition to following Facebook's best practices for image sizing, be wary of white backgrounds around the edge of your image. Facebook will automatically crop off white edges and use the cropped result. This will reduce the size and potentially change the dimensions of your image.

If you do need to pad out an image, you should use a colored or textured background to prevent cropping.

Share