I built an app, the Facebook however does not shows the thumbnail completely. It just crops the image everytime. I have tried with various image sizes but still no success.The open graph data is also included and Fb OG Debugger does not show any error.
A sample page :
https://soumou.website/apps/share.php?img=1770489253166485_20160918092759&sex=male&name=Sourav+Ghosh&app=partner_thinks
Well, that's Facebook. It stretches the image proportionally and that's why it's cropping.
Workaround: attach an image itself in the post. Save image as... > save it > click Photo/Video when posting
Related
Can someone explain to me why this same URL shows two different images when being opened by Chrome / Safari?
My friend sent me an image of a girl on Facebook messenger which whenever clicked on, shows an inappropriate image instead of the original girl's picture. I inspected the image on the Console and found the following link.
Which lead to a stranger finding, this same link when opened by Chrome will shows an inappropriate picture, and when opened by Safari will shows the picture of a girl.
Here's the link, as far as I know, "scontent" is one of the servers that store images and videos of Facebook:
https://scontent.fsgn8-1.fna.fbcdn.net/v/t1.15752-9/34817678_10216866524084121_6779742482465816576_n.png?_nc_cat=0&oh=bfc10e8d9f59f4401e3800208aca56e6&oe=5B7D5AC6
It is is trickery with the alpha channel. The headlight image is encoded in the alpha channel. With a black background, the girl disappears and the headlights appear.
I have defined an OpenGraph image at my site (url: https://www.psychotherapiepraxis.at/pt-forum/ ), but the Facebook Object Debugger tells me
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
As the image is 500x500px, I really wonder why it doesn't work? The image should also be accessible for Bots and displays fine if its URL is entered directly into the browser. Any clue on why it isn't accepted?
I refreshed the data in the debugger and the error message is gone, but still:
Use images that are at least 1200 x 630 pixels for the best display on high resolution devices. At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.
...
Try to keep your images as close to 1.91:1 aspect ratio as possible to display the full image in News Feed without any cropping.
Source: https://developers.facebook.com/docs/sharing/best-practices#images
When I use the Facebook share code with the s= option, Facebook displays a small square thumbnail in the news feed instead of the new larger rectangular thumbnail image.
https://www.facebook.com/sharer/sharer.php?s=100&p%5Btitle%5D=My+Page+Title&p%5Burl%5D=http%3A%2F%2Fwww.mysite.com%2Findex.html%23lead&p%5Bsummary%5D=Check+out+my+page+by+clicking+here.&p%5Bimages%5D%5B0%5D=http%3A%2F%2Fwww.mysite.com%2Fimages%2Fmy_meme.jpg
But if I use the share code below with the u= option facebook scrapes the og information off the page and displays the larger rectangle thumbnail image in the news feed.
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%www.mysite.com
Any ideas why this is happening?
Thanks for any help.
Consider the image shown here http://www.facebook.com/CT.dineto under the "Please peruse our New Testing Menu" shared link.
The link points to this page:
http://www.dine.to/article2.html
the og meta tags in there seem OK according to the Facebook debug tool.
Notice the original image is not square but 440x240px in size, but when shown on timeline as a thumbnail it gets cropped to a square and not just resized.
So my question: is there a way to have the thumbnails be resized versions of the original image rather than cropped and squared?
I have a Facebook Like button on my website, for a half a year now. Used OG tags to visualize the like. Everything tested thoroughly, everything showed up well on the 'basic' wall, as well as the 'timeline' wall as well in the news feed.
But al of a sudden, when someone likes the page, the image is being cropped on the timeline wall. The original image is 200px x 200px, because the Facebook developer tool mentioned these dimensions.
I don't think it is a image dimension issue, because a 96x96 image is also being cropped. With cropped i mean that the top and bottom part of the logo are cut-off.
Now i have an old post (march 2012) where the image was not cropped and a post (few days ago) where the image is cropped. The difference between those two is the url of the image:
One where the original image is OK:
https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCAhHvmadrTku6h&w=155&h=114&url=http%3A%2F%2Fwww.poobies.fr%2Fsite%2Fimg%2Fsocialmedia%2Fsocialmedia_logo_fr.png
And one where the image is cropped:
https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCAhHvmadrTku6h&w=155&h=114&url=http%3A%2F%2Fwww.poobies.fr%2Fsite%2Fimg%2Fsocialmedia%2Fsocialmedia_logo_fr.png&cfs=1
see the parameter &cfs=1?
Is there some option or some OG parameter that makes sure that the image is not being cropped by Facebook?
Thank You
I did some research and found the problem is most likely a combination of using a PNG and having an image with a white background.
Here's my original PNG (90 x 90 px) with a white background that gets cropped:
logo2.png
Then the same PNG with a darkened background that uses the full image size
logo2dark.png
JPGs and GIFs with white BGs worked fine
logo2.gif
logo2.jpg
As a side note, Facebook didn't like when I served the images through https.
It would be nice if Facebook would document these changes they make, but alas.
I've noticed this too. I think it's just Facebook playing around with the way it displays images on newsfeeds / timelines. My images used to be cropped from the slides but all of a sudden Facebook stopped cropping then. It was either a bug or a temporary change that was later reverted.
You cannot set the dimensions of og:image manually.