Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

We have this page, which includes a hidden image, at line 856 of the source code in format 726px x 226px.

<img style="margin: 0px;" class="facebook" alt="toolbox" src="/images/stories/media/Facebook/toolbox.jpg" height="38" width="100" />

When we press the share button below, we get http://www.facebook.com/sharer/sharer.php, which shows the image fine.

Not Cropped

This is setup with Facebook meta tags:

<meta property="og:title" content="Parents Inc." />
<meta property="og:type" content="non_profit" />
<meta property="og:image" content="http://theparentingplace.automatem.co.nz//images/stories/media/Facebook/toolbox.jpg" />

In a "classic" Facebook profile, the image looks fine as well. However, when you switch the Facebook profile to timeline view, a centre crop is applied, cutting out the right and left side of the image.

Cropped image

The only documentation on Facebook share images I can find says the maximum aspect ratio is 1:3—this must have changed for Timeline. What is the new maximum aspect ratio?

share|improve this question

migrated from superuser.com Feb 3 '12 at 2:32

This question came from our site for computer enthusiasts and power users.

    
Are you referring to the cover photo? The dimensions are 850px x 315px. –  Alex Feb 3 '12 at 6:15
    
Hi, no, have updated the question, the image in question is in line 856 of the source code and outline in the meta property="og:image" –  Jochen Daum Feb 3 '12 at 7:33
    
Could you post a screenshot of what you are seeing in the timeline, I'm a wee bit lost still. –  phwd Feb 8 '12 at 2:58
    
@phwd - have updated with screenshots. When no image is specified Facebook documentation specifies an image ratio of up to 3:1 for landscape images. I'm looking for that limit for the new Facebook timeline. –  Jochen Daum Feb 8 '12 at 6:20
add comment

1 Answer

up vote 3 down vote accepted
+50

Refer mentioned information at Facebook Share:

The og:image is the URL to the image that appears in the Feed story. The thumbnail's width AND height must be at least 50 pixels, and cannot exceed 130x110 pixels. The ratio of both height divided by width and width divided by height (w/h, h/w) cannot exceed 3.0. For example, an image of 126x39 pixels will not be displayed, as the ratio of width divided by height is greater than 3.0 (126/39 = 3.23). Images will be resized proportionally.

Refer some related bugs posted on Facebook Developers:

Timeline Information

share|improve this answer
    
Hehe, that was an easy bounty for us not thinking properly, indeed our image is 3.2:1 aspect ratio! –  Jochen Daum Feb 10 '12 at 2:22
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.