Problogger Blogging News via E-Mail!

About Mert Erkal

He left his full time job as of 1st August, 2008 to earn his living as a problogger from blogging and freelance Internet projects. He also shares his 10 years of experience he gained in a giant multi-national company for Small Business companies and builds Corporate Identity. Read more about him!

Dec
10th

How To Create A Custom Twitter Background

By Mert Erkal in Microblogging

Customize Twitter Background

You can make a real good impression with a Custom Twitter Background. In this post I will show you how to customize your Twitter background in 10 minutes. Spend a few minutes, and create your own Twitter background. Don’t miss this great marketing opportunity.

Have You Tried Before?

I bet you already tried to have your own customized Twitter background, but you could not locate the images and the text perfectly well on the screen, and the outcome was not satisfactory. No worries, I also failed a few times, and then come up with a good solution. Have you seen my Twitter profile? I located my blog’s logo on the left side, and my blog’s URL, my photo, and a quote from me on the right side of my Twitter background. Since then I noticed that I have 5 new followers every single day, even though I don’t update my Twitter so often.

I am sure you see the real potential now, let’s start with the measurements.

The Twitter Background Measurements

First of all, I must tell you that my suggestions are based on my laptop’s 1280 x 720 monitor screen. Please note that the width between the left browser edge and the left edge of the white Twitter posts area is around 245 pixels. On the other hand, the width between the right browser edge and the right edge of the white Twitter posting area is 250 pixels. So when creating the design of your new background, you should leave five pixels dead space on both sides of the white Twitter posting area.

These are the general standard measures accepted by majority of Twitter background designers:

Image width: 1255 pixels
Image height: 555 pixels
Left graphic width: 245 pixels
Right graphic width: 250 pixels

I guess you realize what we are going to do in the design process. We will create an image in 1255 x 555, and leave spaces for custom design on both sides. Let’s proceed to the design process.

Custom Twitter Background Design

I assume you are a blogger who is willing to build a personal brand via Twitter. Therefore your custom Twitter background should represent your logo, your photo, your blog’s URL, and your slogan. Well, we know the key ingredients, let’s start the design.

Photoshop, Fireworks, or Paint, it does not matter. All you need to do is to create a new graphic that is 1255 x 555. This is going to be the background image for your Twitter profile. You need to leave Twitter post area empty. If you know how to use a guide, then create a vertical guide at 450 pixels and another vertical guide at 1005 pixels. The space between these two represent the Twitter post area.

If you don’t know how to use a guide, just draw two imaginary vertical guides and leave the are between them blank.You need to locate your blog’s URL, your photo, your logo, and your slogan out of this zone so that it will not clash with the Twitter post area. You may try a few times for the best result, so you should be patient.

Done? Now save your graphic as either a GIF or JPG file. Make sure that the file size is less than 800K. This is the maximum size allowed by Twitter for a background image.

How To Upload Your New Twitter Background Image

  • Login to your Twitter account.
  • Click on Settings in the menu at the top.
  • You will now see a Picture Here tab.
  • Click on the one marked Design.
  • Scroll down to the bottom and click on the Change Background Image>> link.
  • You will see a text field with a Browse button next to it.
  • Click on that button so that you can search and upload your new Twitter background image.
  • Once you finish, make sure the Tile Background check box is empty. Otherwise your new image will repeat on the screen.
  • Click on the Save Changes button at the bottom, and you are done!

Please try this, and share your new customized Twitter background by leaving a comment to this post. When used correctly, Twitter can help you significantly increase your brand. You may also learn how you can attract a targeted Twitter followers that will not only hang around, but listen to what you have to say with Twitter Rockstar.

If you need professional looking Twitter background, I strongly suggest you to try TwitrBackgrounds.com.

Stay tuned, and follow my Twitter for more tips on Twitter.

TWB blue animated 468x60 How To Create A Custom Twitter Background

Want More Blogging Tips?

Fill out the form below to join my blog tips newsletter and get a free copy of ” Become A Problogger “!

Name:
Email:
I take your privacy seriously. I never sell your email address to spammers.

 How To Create A Custom Twitter Background

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

Comments

The Passion Diva December 11th, 2008

Hi Mert.

I wonder if you might mention something with regards to checking the twitter background in all resolutions and different size monitors.

I have a wide screen monitor with the resolution set at 1680×1050, this does really crazy things to the twitter back grounds.

It is just something to be aware of with so many different monitors doesn’t hurt to check a few to see how the back ground reacts.

Regards

Lori

Stephan Miller December 11th, 2008

Great tutorial. All I have done so far is add a tiled background. But I have been looking at some great backgrounds on other accounts for a while and think I should upgrade. I will come back here when I do. :)

rampantheart December 13th, 2008

Wow! I was just looking for such a post! My twitter page looks barely decorative. I have been trying to add background image for a long time now! Glad that you have come up with something interesting like this! Thanks Mert!

Mert Erkal December 15th, 2008

@ Diva: I will send you an email soon.

@Stephan: Thanks my friend, I am sure you will design a very cool Twitter background soon :)

@Rampantheart: I am glad that you liked the post. Please don’t forget to leave a comment to this post with your new Twitter background.

Bal December 28th, 2008

Hi -

Tried this, but my monitor settings are 1600×1200. And the image I made didn’t work at all with my monitor.

Which leads to the question: given different monitor settings, if I create an image that looks good on my monitor, will it look crummy on monitors with different settings?

Sandra Sigfusson January 12th, 2009

I’ve noticed that no matter what size I make the background, even using your recommended dimensions of 1255 x 555 at 72 dpi, the file is too large to be accepted by the upload limits on Twitter of 800k. If I resize the image to make it smaller than 800k, then when I upload it all I get is my background image in the top left corner, v.s. displaying on the entire screen. Is there a way I can make my background image display properly at the 800k image size limit set by Twitter? Thanks, S.

Michael Bristol January 13th, 2009

Thank you for your expertise. I will make a new one in the morning!!!

Michael Bristol

Eric Pederson - @dealexpert January 21st, 2009

This is a nice post got me to try making a better background. However the dimensions did not work for my laptop, and I fear te background will look different on different monitors with different resolutions as Sandra mentions.

Hopefully it still looks better than it did – let me know what you think of it!

Eric

Ben Cope January 30th, 2009

Anyone looking to design their own twitter background should check out the Twitter Template System.

Digital-Derek February 7th, 2009

Hey Mert – Didn’t follow this verbatim, but it easily got me on the right track, so thanks a ton, good stuff :)

You can view my work here: http://twitter.com/digital_derek

Connor Lambeth February 12th, 2009

Hey great tutorial. Took me ages to find out what dimensions a twitter background should be. I did find this twitter background template though – it’s pretty easy to modify too, and free.

Monet February 15th, 2009

Hey Mert, Im glad you wrote this tutorial. I had to find out the hard way but its great you have the numbers up. You can check out my new background at http://twitter.com/moestress tell me what ya think! Would loooove your opinion!

[...] image. It was really easy to do. The tutorial that I used to create my background was from http://www.searchforblogging.com. The demensions of the image was 1255 x [...]

NetBloke February 28th, 2009

Thanks for the ideas. I tweaked the sizing a little and made a nice result!

NetBloke February 28th, 2009

Doh forgot the link! http://twitter.com/netbloke

Arun March 12th, 2009

Great Twitter tutorial Mert!

John March 14th, 2009

I did not that it was so easy to create a custom Twitter background. Thanks!

Engine March 14th, 2009

Thanks for the nice tips! I will try asap…

Tayfun March 14th, 2009

Thanks Mert. I subscribed to your RSS feeds..

Jermaine March 14th, 2009

I came your blog through Google search. Excellent blog. Will check more often…

Ann March 14th, 2009

Appreciated. I am following your Twitter now. Keep up the good work!

George March 14th, 2009

Stumbled, Mert. I will write a post about it and link to your blog post as a reference. By the way, I really liked your Twitter background.

Fabulous Photo Gifts March 19th, 2009

Hi Mert

Long time no speak.

I tried several times myself to create a ‘corporate’ twitter background. The problem of different screen sizes was a real bug.

In the end, I went for a single image – un-tiled – which ranges naturally from the top left hand corner.

Its a sidebar with a product picture, company name and info ect (pity you can’t make the links clickable).

To really get that whole page design look, I designed the graphic on my preferred background colour (white) and let the jigsaw piece logo shadow fade out to white.

Then it was just a matter of tweaking the text and headers in Twitter to match my colours.

Hey presto – a very clean yet corporate design (if I say so myself) but without the resizing issues caused by screen resolutions (unless the screen res is so small that all that is visible is the tweets panel anyway.

Please pay it a visit and let me know what you think – http://twitter.com/fabphotogifts

Thanks for the tutorial thought – some good stuff has come out of this thread.

Jonathan.

Mert Erkal March 20th, 2009

Hey Jonathan,

I have just had time to check your Twitter profile. I can not see the photo on the lower right side. I think you better make it a bit smaller. Otherwise it looks very nice. Good job my friend!

Mert Erkal March 20th, 2009

You are welcome Michael…

Mert Erkal March 20th, 2009

I am glad you liked it Jonathan…

Mert Erkal March 20th, 2009

This is nice to hear James :)

MsThea March 24th, 2009

Thanks so much for the specs. It does depend on the setting of the monitor because that 555 height didn’t work for me but all in all its better than a solid color bkgd. See how I utilized your suggestion. http://twitter.com/weknowcity

Mert Erkal March 24th, 2009

It looks really nice. Good job!

Ruhani Rabin March 25th, 2009

Everything is fine except that the background will look really bad if it’s even a little bit higher resolution .. i’ve written a similar article which ensures it will work from 1280px resolution to ANY higher resolutions. If you would like to check it out, take a look here http://bit.ly/gCDLP .. additionally I’ve provided a PSD template to start with.

Anyway this article have other interesting things to know.

Mert Erkal March 25th, 2009

Good point you mentioned Ruhani. Thanks for your contribution!

Rental Beast March 25th, 2009

Hey, thanks for the suggestions.

Check out our background:

http://twitter.com/RentalBeast

[...] Search for Blogging [...]

[...] to create a Twitter background image (blueleafcreative.wordpress.com). How To Create A Custom Twitter Background (searchforblogging.com). Make a Good Impression with a Custom Twitter Background. How to Create a [...]

sastone April 12th, 2009

Thanks for the tip will be trying to create my own Twitter profile, shortly.

thanks

http://www.earnmoneyonline.co.za

Mert Erkal April 15th, 2009

You are always welcome!

Briana April 17th, 2009

Thanks for the tips! Very helpful! Used it on my background: http://twitter.com/bargainbriana

Doug Park April 21st, 2009

Can I create a custom background using Photostop Elements or Logo Design studio? Thanks.

Tweetplate April 21st, 2009

There are some strategies used to create a somewhat consistent experience for a user visiting your Twitter page, no matter the browser. Additionally, some choose to have critical info always visible, and extra, less important stuff viewed when on a larger screen. For personal, I say reflect your personality. For professional, it needs to look professional, period.

Meeting rooms April 22nd, 2009

This is really amazing..Following you straight away..Great job..

mert_erkal673 April 25th, 2009

Sure Doug, the principle is same. Just be careful about the dimensions.

mert_erkal673 April 25th, 2009

You are always welcome!

Mert Erkal April 28th, 2009

Hi Doug,

I am not sure whether you read my reply or not.

Yes, it is possible to create a custom background using Photoshop Elements and Logo Design studio. Just stick with the size limits mentioned in my blog post.

I really wonder about the outcome. Please let me know how your new background look like : )

Have a great week,

Mert Erkal
http://www.searchforblogging.com
/>

Melanie April 29th, 2009

Thanks :) I think I got it: http://twitter.com/eyeletsage

mert_erkal673 April 29th, 2009

Hi Melanie! Yes, your Twitter background looks great! Congrats!

Calvyn Tng May 6th, 2009

Hey good info for people who wanna make their own backgrounds,check mine out http://twitter/calvyntng tell me what you think?, im giving away 1 free custom background in my contest at http://epicprofit.com/?p=88

[...] How To Create A Custom Twitter Background. [...]

Lora Carr May 22nd, 2009

Excellent! I had a custom twitter background in 5 minutes – photolora

David June 7th, 2009

This is a cool site. They make custom Twitter backgrounds for a donation. http://twitter.com/twittanaire

Matt Anderson June 7th, 2009

Nice guide, just made something for my WebDis page, but I'll be improving it later on. Thanks again :)

Mert Erkal June 8th, 2009

You are welcome Matt

Ian June 16th, 2009

Thanks for the quick lesson. It's amazing how some make this sound so complicated.

I think we're on the right path with our initial design – http://twitter.com/ltcconnects. And my personal design – http://twitter.com/MackieImages

Business July 19th, 2009

Nice, I just created a new one @highrankingseo …I usded the aDVICE from here

James F. July 19th, 2009

Great article! Thanks for the tips, I usually use 1280 wide though.

- James F.
TwitterBackground.com

AWD July 25th, 2009

Your blog about Twitter was truly brilliant! Without you I would not have been able to create my twitter background. I have made it look just like my website. Thank you so much!

Get to my twitter via my site. http://www.ashleybard.co.uk

[...] Read through How To Create Custom Twitter Background. [...]

[...] Read through How To Create Custom Twitter Background. [...]

michael August 6th, 2009

Isn't it amazing how little it takes to make an impact on people? I'm sorry but your twitter background kind of sucks. What's with that sticker-like thing on the left? Is it done so badly on purpose?

Regards,
Michael (@cizuti)

Digital Dreamspace August 8th, 2009

Didn't really know something about this.. not until I come up your article. Great job.

Ronak Shah August 13th, 2009

Hey Mert,

It's a great posts which tells us accurately about measurements while creating a custom twitter background design. I found another cool tool for custom twitter backgrounds at http://customtwitterbackgrounds.info

I found it really awesome. Do check it out!

BTW, keep on posting some more awesome posts! Would love to check them out! Keep up the good work Mert! TC! Thanks.

Justin August 26th, 2009

Good information but need a more in depth explanation f other pointers.

Susan September 3rd, 2009

That was so easy. Thank you so much. I really have a nice looking Twitter page!

julie September 23rd, 2009

Thanks! I had to tweak it a bit, but after a few tries i now have a cute twitter bg.
http://twitter.com/juliemomof4

8womendream September 23rd, 2009

We wanted ours to represent our branding so we hired Twitterandbeyond.com to do ours (customizing it). We tried the "do it ourselves" approach and it ended up looking like we did it ourselves (laugh). But I think no matter how you go about it everyone should have their own background that is reflective of their business branding or personality.

Facebook Application September 24th, 2009

Really great post. Very informative. Thanks

[...] Yes my twitter background took a while! but I'm so happy with it. I recommend this tutorial: How To Create A Custom Twitter Background – Problogger Make Money Online with Blogging [...]

Jide Ogunmekan October 14th, 2009

Thanks for this. Very useful and appreciated

chitosan November 1st, 2009

great tips, i´ll try it tday
thanks

invicta mens watches November 5th, 2009

Yeah thanks so much for this awesome post!

[...] provide templates to purchase and some for free, but I wanted a theme that went with my blog.  SearchForBlogging.com gave easy instructions on making your own twitter background with the specific image sizes. I used [...]

[...] provide templates to purchase and some for free, but I wanted a theme that went with my blog.  SearchForBlogging.com gave easy instructions on making your own twitter background with the specific image sizes. I used [...]

Bob from 2du November 18th, 2009

hi julie… I don't mean to be rude, but all I see is the default background. My site has been unable to change from default… did the same thing happen to you ? It looks like other people who talk about "custom backgrounds" also have only default clouds… what happened ????

[...] provide templates to purchase and some for free, but I wanted a theme that went with my blog.  SearchForBlogging.com gave easy instructions on making your own twitter background with the specific image sizes. I used [...]

JosephStalin November 19th, 2009

I Found It Useful… Thankx…!!!

Jason December 2nd, 2009

Very helpful resource and well written, I'm off to make one now for our company http://www.fotoviva.co.uk

Keep up the good work!

Martin December 7th, 2009

I thank you for your article.

I followed these leeds and found, that you don't actually have to pay to get cool Twitter backgrounds. I found many web pages, which also offer cool and interesting design for Twitter and you can get them for free.
I hope that this will help you and the readers of this blog. Thank you again and I encourage you to write even more articles like this. They inspire a lot!

Here is the link to article an article, which I wrote

Jeffrey December 14th, 2009

great tut,learnt some new stuff

[...] twitter layouts [...]

naomy January 3rd, 2010

worked great. i just gotta get my photo with a better resolution, but that's my deal. go and check it out if you'd like http://www.twitter.com/naomynaomy

Mert Erkal January 5th, 2010

looks perfect naomy! happy new year!

sonil January 8th, 2010

check it out

https://twitter.com/sonilagarwal

all thanks to u :)

Sachin Tendulkar February 12th, 2010

Awesome post, you provided a helpful information dear , l will try to create my own Twitter background
http://twitter.com/Cricket_God

sosyal medya February 12th, 2010

Hi Mert, thanks for this helpful article.

Mark February 16th, 2010

i have this exact same problem

Canvas Prints February 18th, 2010

Thanks mate this is a great post, we have just editied our company tiwtter page using this – nice one !

Marketing Forum March 28th, 2010

Thanks so much. This is a great topic. I've been waiting to create my own Twitter background but didn't know how. I've seen some really cool backgrounds that are customized. The backgrounds that Twitter provides are very limited. Thanks for the helpful tips.

CSSReX April 7th, 2010

Thanks for this wonderful tutorial! Was looking for some thing like this. I did not know making a twitter background is that easy that we need to play with dimensions.

Thanks again!

gry planszowe May 2nd, 2010

I searched many sites and here i found what i was looking for, thanks for valuable post

Bob May 11th, 2010

Thank you Mert, this was well written and very easy to follow, perfect.

Erin May 12th, 2010

Thanks! These are the best directions I have read so far. It worked like a charm.

[...] search and came up with a couple of webposts with info on size, placement etc. The articles are How to Create A Custom Twitter Background and Twitter Background Guidelines. The info in the articles gave me a place to start experimenting [...]

babylon 8 download May 19th, 2010

You post great posts. Bookmarked !

le juge SEO May 26th, 2010

Nice tip in there, will apply that for my company's twitter accounts

scott penton June 8th, 2010

Cool, thanks for the tip

Daniel Thomas June 16th, 2010

Thanks for this wonderful tutorial.Now i can have much better twitter background.

Submit a Comment