I tried to upload a 512x512 PNG image for the profile picture of a page that we own on Facebook, but it failed w/o showing the image after I uploaded the image file. Could there be something wrong with the PNG image or the size of the image?
180 x 540 in jpg
is what I use for mine
There is a tutorial with sizes etc here :
http://www.clear-river.com/weblog/comments/making_the_most_of_your_facebook_page_profile_picture/
I think 512PX wide is way too wide, as the logo is only a thin strip.
Related
I am trying to upload an image in the "app icon" of facebooks developers page. I verified the images I was upload was within 1024 x 1024 and 5mb. I tried upload as jpg and png. Every time I try I am getting "The image you are trying to upload has invalid dimensions. Please change your image to match the required upload dimensions and try again." How can I fix this?
The picture has to be exactly 1024 x 1024 and under 5mb. Also see the guidelines here on the icon
https://developers.facebook.com/docs/games/appcenter/guidelines#icons
Your app icon has to be exactly 1024x1024 px. First export your icon (png or jpg) in high resolution and then open that file in paint. Select resize option in home tab and select pixel radio button then enter 1024px x 1024px and save it.
It will work.
I'm trying to create a custom open graph story to Facebook but I'm having some trouble getting the og:image to show properly. I'm using a 1200*630 sized image as recommended here and here but on my timeline it gets cropped in to a square from the left edge of the image. It also shows as a square in the story preview though this time it's cropped from the center.
How can I get the image to show in the correct aspect ratio and size? Is it just the test environment to blame or do I need to add something on my server side? I've already tried to use the meta tags width and height with no success.
Currently the tag looks like this:
<meta property="og:image" content="http://www.linktomyimage/1200x630pixels.png" />
Open Graph Stories Images appear in a square format. Image ratios for
these apps should be 600 x 600 px.
from Facebook sharing best practices
Be sure to have your image at an 1.91:1 aspect ratio. Facebook also notes that images for game app stories appear square, but I'm not sure from your information above if that applies to your situation. GL
It shows the 1200 X 630 image on retina screens only.
I'm wondering, if you don't use a full screen image for your launch image (i.e. Default.png), will your image get stretched? For instance, I want to use a 320x460 image (reusing an image file that's already in my app), will that get stretched to fit 320x480?
I used a 320 x 460 launch image and Apple was fine with it. The binary passed validation and then the app was approved by the review team.
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.
I'm making by myself an ePub book. In this book I put some screenshot as a PNG image inside an XHTML page. So in the content.opf I referenced the XHTML page...
Until few days ago it worked: the XHTML with PNG image was showed.
Now I see only a blue question mark at the place of the PNG image preview. But if I double tap onto the question mark, the preview correctly shows the PNG image.
This happens in IBooks and Stanza, but not in GoodReader and others eBook readers...
An tips?
------------------ EDITED ------------------------
Every PNG is ~200Kb and its dimension is ~2500x2500 with 300 dpi.
I don't know if thew problem is the dimension or the image format.
Well, your images are too big for a start. Apple state that the maximum pixel size of an image on a page is 2 million pixels. So 6.25 million pixels might be a bit of a problem.