January 1st, 2010

Whipping out a Nice Twitter Background Image

One of the tricks in designing a good Twitter background image is to make it relevant when being viewed in different monitor resolutions. The most common ones being 1024×768 and 1280×1024.

My designer, Rajesh, recently took the initiative to design a background for my twitter account @Kiruba . We keep doing this for our clients and he felt we should eat our own dog food. I totally agreed with him.

Let me share with you our experience whilst designing the background image. But first, take a look at how my new design looks in both the monitor resolutions.

The first is the 1280×1024 version.

Here’s what the same background image looks like in 1024×768.

If you notice, it looks fairly OK in both the resolutions. It didn’t come easy. It took many iterations from our designer to nail it right. The trick is to align the position of the pictures and the URLs in the right spot. Take a look at what the real background image looks like.

You’ll notice that my logo appears twice. That’s to make sure that the logo placement come out perfectly in both the resolutions. In the 1024×768 resolution, none of the URLs will appear. That’s OK. Its a compromise one has to make. But you’ll notice that they disappear cleanly without parts of it visible.

Here are a couple of good sites in case you want to try your hand at whipping out a good background image for your Twitter account.

13 Resources & Tutorials for a Perfect Twitter Background

Twitter Background Design How-To and Best Practices

Good luck and do share in the comments section if you have designed a background for your account. Also, point out your favorite twitter backgrounds.

P.S : One of my new year resolution is to blog regularly here. I’ve been very erratic last year. Glad I sneaked in a post. My resolution lives to fight another day!

Related Posts Plugin for WordPress, Blogger...


12 Responses to “ Whipping out a Nice Twitter Background Image ”

Shriram says:

Hi, With all due respect, I think the “eating our own dog food” is a classic example of forced “expression-dropping” :)

Mahesh says:

once i saw ur background, i was into designing my own.. but was looking for good tutorials…thanks for the links.. And hope u keep up ur resolution of blogging regularly

Arun Nair says:

Hey buddy, nice Twitter background and nice post.

Cheers and wish you a happy new year!

Arun

Sandeep says:

Thanks Kribs let me try

Alex says:

Super! Both your new Twitter BG and your New Year Resolution.
Happy New Year, Kribs!

Kalai says:

Hi Kiruba..its prudent that you had thought about both the resolutions. Otherwise, even spectacular bg image gets messed up when built for one resolution. Rare does our brain wave strike on such off key entities too! The page is designed very affably, nice.
Wishing you a very Happy and properous New year!!

Sai says:

Thanks for sharing will also try for new background for my twitter too.

Bharath says:

Nice one :-) By the way who designed the logo?

Kaliyugan says:

looking pretty cool..

Rohan says:

Hey Kirubs,

The background shows up a little weirdly on my laptop. Screen res: 1440*900.

It’s probably because I’m an outlier.

Vasuvenkat says:

I have a screen resolution of 1600X900, I a able to see your pic twice but your logo gets hedden behing the web content….but may be I am one of very few pplwho use such screen resolutions

Siva Rama Krishna says:

Hi Sir,
We have meet in the KURUKSHETRA event at CEG,ANNA UNIVERSITY
I’m very much impressed on your speech,
we went to canteen also…

I’ve visited your website…
AS you told… I’m also trying to start a new website of my own…

Leave a Reply


Syndicate this site