After searching tons of sites about this topic I still have no idea what facebooks rules for image cropping are.
The scenario is:
My app posts links though the graph api on behalf of a user and passes pictures which have a resolution of 1200x627px (got the 'new' resolution from here: http://www.jonloomer.com/2013/09/12/facebook-ads-image-dimensions/).
So far so good. In a desktop-browser on the users timeline or on a friends stream the link is shown with a cropped version: 300px from left and right are gone, the image becomes 116x116px thumbnail. I could live with that and respect that in image-design. But...
On my android phone the image is also cropped but differently. There the image is cropped on all sides, leaving out approx. 150px at the top and bottom.
Of course only in the native app :(( If I use the mobile browser-version, the image is shown full - no cropping at all !!??
And if that wasn't enough, it changes when I use a different access-token for publishing!
When I get an access token with the Graph API explorer and publish the exact! same link, message, image... then the image is shown full on desktop browser.
Is there any way to control the cropping? Or does anyone know why changing the access-token results in different behavior?
Thanks in advance.
C.
Related
In my PDP(product display page),i set og:image as my product image,however,in share facebook page,the sharing img is not what I expected in og:image
Don't know why
I have tried my URL:h ttp://www.halfords.com/cycling/helmets/kids-helmets/halfords-boys-bike-helmet-50-54cm in facebook debug page:h ttps://developers.facebook.com/tools/debug/og/object/
the below is the screenshot in facebook debug page.
green arrow pointed is expected,however,it shows the red arrow pointed
Thanks very much for the kind guy to give me some suggestion.
Make sure the web page you're developing isn't tested/located on a local server (like WAMP/MAMP etc.). Facebook might not necessarily get every property exactly right. Try testing it live.
Check your image size is at least 200x200 pixels (do not use a thumbnails). Then re-scrape your image with facebook's debugger tool
How does Facebook choose a preview image when the og:image tag is invalid? A friend and I were curious why a Facebook preview image didn't show up in the article — when we ran the URL through the Facebook debugger, it provided the following information.
Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook. Image 'http://lostoregon.files.wordpress.com/2014/06/foodcarts.jpeg' will be used instead
Tangent: Running the debugger once appears to clear Facebook's cache, and on the next run Facebook grabbed the correct (since fixed?) image.
The one part of this I don't understand is: How did Facebook chose the http://lostoregon.files.wordpress.com/2014/06/foodcarts.jpeg image to use instead? When I look at the original page, foodcarts.jpeg isn't shown anywhere, which means either
Facebook has some secret sause for chosing from images it's seen before
Facebook picked an image that was on the page at the time, but is no longer there
Something else I'm not considering
Is this default image picking defined, deterministic behavior? If so, how does it work?
the error you describe is common enough, and the image may be all right, but Facebook probably has issues downloading it (it's too big). What happens when the image isn't good is that the get a cached representation of you page, and use the image you provided back then. If Facebook crawls many urls, and there's no image on your site, or there's no cached image, the system will pick the one you use more frequently (on all pages). At least, that's what I have seen.
I'm having issues when a user tries to share the URL to a Facebook tab app that I have setup.
When they paste the URL to the tab in their share window and then post their status update, the tab image is shown when viewed on their profile, however there is no image shown on the newsfeed version of the same post.
I've tried adding open graph meta tags to the app, but I believe that it is being ignored since it is located inside of the iframe, and the facebook open graph meta overrides it.
Does anyone know how to ensure an image is maintained when the tab URL is shared directly?
I've burnt a lot of time trying to solve this issue as well. The best I've come up with is that Facebook is going to chose to display the 111x74 app icon. Sharing this on a page's news feed makes it very pixelated and oddly offset, as it should be using a 1200x630 minimum image size, as dictated by the OG tag best practices, but Facebook has not allowed us to have that option in the app configs. It may be that your app icon is being offset enough to not appear like it's visible in the news feed.
So, from my research, we're out of luck until Facebook decides to fix this issue. Until that time, I don't think it's even worth trying to get the any image to work.
Someone feel free to prove me wrong.
When I use the Graph API to get a list of posts from a page, the picture field, which contains the URL for the image returns a blank 1x1 pixel image.
For example, this is one of the URLs that it returns:
http://www.facebook.com/l.php?u=http%3A%2F%2Fexternal.ak.fbcdn.net%2Fsafe_image.php%3Fd%3DAQBj9y7r5zdKLsTF%26w%3D90%26h%3D90%26url%3Dhttp%5Cu00253A%5Cu00252F%5Cu00252Fwww.thisislondon.co.uk%5Cu00252Fincoming%5Cu00252Farticle7630373.ece%5Cu00252FBINARY%5Cu00252Foriginal%5Cu00252FTerry-Deary.jpg&h=GAQEzRMSC
I've also seen this using the RSS feed from the page: https://www.facebook.com/feeds/page.php?id=128931583879163&format=rss20 except that the URLs are encoded slightly differently.
I've had a good look on stackoverflow, but haven't seen anyone else with the same problem. Could you tell me what I need to do to decode it to get the appropriate URL please?
Thanks,
Gregor
This is a bug, as reported on the Facebook Developer site, for both pictures and video. The issue is still pending a fix from Facebook.
(MacBook)-I was receiving this as well, but only when I was on my dashboard page. After several seconds, the dashboard page would slide to the blank Facebook pixel page.This was driving me crazy. I finally deleted my dashboard page, which i really didn't use anyway, by using a code and running it on terminal. (from "how to hide or disable the dashboard page). The docking page disappeared and so did the 1x1 pixel page. I can restore the docking page whenever i want by using a second code.
I just published a new website. When someone tries to publish the link on Facebook, no thumbnail-options shows up, even though there are plenty of image-files to choose from.
When I post the link to the "gallery" section though, I get the option to choose a thumbnail from the images in the gallery only.
The url to the website: http://www.ridderhest.no
According to the debug tool: https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.ridderhest.no the image is being detected correctly from your tags and it appears to meet the size requirements, does it work it you change the image to be slightly larger? the minimum supported size is 50x50 and that's exactly the size of the image, maybe a 51x51 image works?