How to Design for Twitter

Twitter-Specs-Title.png

Although Twitter is a platform designed for short, written content, adding some branded images and having a branded profile can help you stand out and be remembered.

Being remembered and noticed on Twitter is hard. The average lifespan of a tweet is under half an hour, so making a strong impression has to happen quickly. Powerful images are a great way to be remembered.

With that in mind, I'm sharing tips on how to make sure your images look their best on Twitter.

 

Profile Photo

Twitter-Profile.png

Your profile picture on Twitter is pretty simple: 400x400px, png or jpeg, and just design it knowing that it will be cropped into a circle.

 

Header

Twitter-Header.png

For your header image, you need allow for your profile picture to overlap the bottom left-hand side, as well as for the top and bottom of your image to be cropped on desktop.

The best way to achieve that is to design a centrally-focused image with a fair amount of white space on the top, bottom, and sides.

Twitter recommends a 1500x500px image for your header.

 

Image with Tweet

Twitter-Image.png

When you want to share an image with your tweet (which you should, when relevant, to better stand out in the feed), all you need to do is make sure your image is in a 2:1 ratio and is at least 800px wide.

(On desktop, a plain image - that is, one not being used as a link - will display up to a square, but will be cropped to the 2:1 ratio on mobile.)


Concrete-wall-small.png

SIERRA KELLERMEYER

I'm a brand designer who helps business owners who are tired of their marketing efforts just pulling "okay" results. I help them stand out and be remembered online by designing them a Noteworthy Visual Brand that attract their ideal clients - effortlessly.