How to optimise images for Twitter's in-stream image preview

shared by bob_watling on Dec 14, 2013 in Social Media

7,072 views

1 fave

1 shares

1 comment

Twitter now shows a cropped preview of any uploaded image in the tweet stream. It's a 2:1 ratio crop, 440 x 220 pixels. But how do you get Twitter to preview the area of your photo that you want -the ...
Category: Social Media

Publisher:

Bob Watling

Designer:

Bob Watling
Did you work on this visual? Claim credit!

Embed Code

Embeded for hosted site:

Click the code to copy
<div class='visually_embed'><img class='visually_embed_infographic' src='https://visual.ly/node/image/98241?_w=540' alt='How to optimise images for Twitter's in-stream image preview' /><div class='visually_embed_cycle'><span>by </span><a target='_blank' href='https://visual.ly/users/bobwatling?utm_source=visually_embed'>bob_watling</a>. <br/></div><script type='text/javascript' src='https://a.visual.ly/api/embed/98241?width=540' class='visually_embed_script' id='visually_embed_script_98241'></script><p> From <a href='https://visual.ly?utm_source=content-embed&utm_medium=embed'>Visually</a>.</p></div>

Embeded for wordpress.com:

Click the code to copy
<div class='visually_embed'><iframe width='1' height='1' style='width: 1px !important; height: 1px !important; position: absolute;left: -100px !important;' src='https://visual.ly/track.php?q=https://visual.ly/community/infographic/social-media/how-optimise-images-twitters-stream-image-preview&slug=communityinfographicsocial-mediahow-optimise-images-twitters-stream-image-preview'></iframe><a href="https://visual.ly/community/infographic/social-media/how-optimise-images-twitters-stream-image-preview/?utm_source=visually_embed"><img class='visually_embed_infographic' src='https://visual.ly/node/image/98241?_w=540' alt='How to optimise images for Twitter's in-stream image preview' /></a><div class='visually_embed_cycle'><span>by </span><a target='_blank' href='https://visual.ly/users/bobwatling?utm_source=visually_embed'>bob_watling</a>. <br/></div><p> From <a href='https://visual.ly?utm_source=content-embed&utm_medium=embed'>Visually</a>.</p></div>
Customize size