Another dot in the blogosphere?

DIY Twitter banner

Posted on: May 5, 2014

I do not really like the idea of Twitter taking a leaf from Facebook’s profile banner. But the change has happened and I have moved on with the change.

There is no one-stop Twitter banner creating tool online at the moment (none that I know of anyway). But I found this wonderful template that highlights the visible and invisible areas on the desktop and mobile versions of Twitter.

It you download the PSD file from the site, you can use it with an online editor like Pixlr to create your own 1500 x 421 banner. This is what my current experiment looks like.

I recommend flattening the PSD and using it as a semi-transparent layer to guide the resizing of your favourite image and the positioning of text or other artefacts.

I recommend using your own photos or searching for high resolution CC-licenced images with ImageCodr.


The actual amount of usable and visible space is reduced if you design for the mobile platform. But given how often tweets are viewed on mobile devices over desktops, it would be wise to design for mobile views.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Click to see all the nominees!

QR code

Get a mobile QR code app to figure out what this means!

My tweets


Usage policy

%d bloggers like this: