Facebook OpenGraph image cropped even with suggested size

Question

I just added the facebook plugin on my website ( http://traveleagle.in ) by setting up open meta tags. Based on a recent guide, I used a png image in an og: 600x315 image, which corresponds to a recommended aspect ratio of 1.91: 1. The problem is that even if the image is og: the image is displayed correctly using the Facebook lint utility ( https://developers.facebook.com/tools/debug ), the image in the sharing plugin looks cropped (154x154). I meet the minimum criteria for image size, but the plugins do not show the full image and always crop it. Has anyone else had a problem like this?

Answer 1

I had similar problems. Try enlarging the image: 1146x600 and 1200x630 work for me. However, on some browsers it does not fit correctly (e.g. iPhone Safari), but it is a large image.

Answer 2

Try specifying the width and height :

Use the og:image:width and og:image:height Open Graph tags. Using these tags will indicate the scanner image so that it can display it immediately without the need for asynchronous.

You can try enlarging the image to 1200 x 630 so that it displays correctly on high-resolution devices.

Also make sure that you are not getting any missing tag flags on the debugger. The absence of fb:app_id and og:type may have unexpected results.

Answer 3

You need to use a larger image, and then it will be reduced to a small size.

As you already know, you retained the recommended aspect, and you also used the following properties:

The og: image property has some optional structured properties:

 og:image:url - Identical to og:image. og:image:secure_url - An alternate url to use if the webpage requires HTTPS. og:image:type - A MIME type for this image. og:image:width - The number of pixels wide. og:image:height - The number of pixels high. 

---

You used a smaller image that FB recommends in the documentation. Switch to a new size and it will fix your problems (twice as much as the image used)

I used a png image in og: an image of size 600x315

Image Sizes

Use images with a resolution of at least 1200 x 630 for better display on high-resolution devices. At a minimum, you should use images with a size of 600 x 315 pixels to display links to link pages with large images. Images can be up to 8 MB in size.