How to Make Efficient Twitter Background that Fits Most of the Screen Size

twitter logo
Twitter is not only become a Trend, it’s also an unique marketing and communication platform. Twitter comes with few preset themes, yes they have some glitters but those are used by millions of people. So why not make your own Twitter background Image that will show off your uniqueness, at the same time give different and outstanding impressions. Well, design is easy for the designers to do but not as easy for anyone to implement it. I am not a designer and I only know a little bit of here and there, so it was pretty tough for me. Anyway, you should know there are almost a hundred types of Screen resolutions peoples are using and almost impossible to fit the background for any screen size. So you need to narrow down the audiences. Now a days most people uses screen resolution higher than 1200 pixels. So we should narrow down and try to make the screen work for 1200 or higher pixel display. I’ve seen several sites those who made twitter background image of 2048 pixel width. A jpg file with that wide view would be more than 400KB easily.

So how to cover any screen size higher than 1200 pixels? Here is how:

  • Unless we are decided to use a tiled image, we should put our designs aligned to the left and top, basically you have some space on the left and top
  • Anything information or art objects you want to put on the left side keep them in between 200 pixels width
  • Do not cross the height of 570pixels for any of your information or photo objects
  • If you have a background scenery object/gradient, just make sure they fade out to a single color on the right side, because twitter allows you to setup your bakground color, so you can match the fade to background color to your twitter background color, Savvy!!
  • Do not use horizontal lines, in case you use then fade them out to the right and blend it to your selected twitter background color. Also remember there is not much of spacing left in between twitter logo and twitter posts, so align it nicely
  • Capture your twitter screen and set it as photoshop layer, set the transparency to 10% so you can align your objects accordingly

My Twitter background graphics
Here is a screenshot of my twitter profile. The photoshop psd file includes the exact template. After making the JPG it is 47KB in size.

Well this should do it, rest it upon your graphics skills (talking like I’m so pro, funny i know!). I’ve seen people designed their twitter background which is almost 600KB jpg file, trust me its not easy for a browser to download and display a 600KB background jpg. With a little bit of creativity you can put an impression within 150KB or even less. Feel free to download my photoshop template that I did for my own Twitter background. I know it might not be so nice as you expected but it should give you the overall idea and a head start. Don’t forget to check out my twitter Profle or follow me on twitter.

Now here is the file you want…

  • http://www.facebook.com/Integraphix Integraphix Designers

     Veeery nice. Love it! I’ve been wondering what size that is and deciding whether I want to do that for a little while now.

  • Georgia

    Spot on as always. Love my Ruhani. – Georgia aka mamagg

  • http://twitter.com/localseopro Jay Gentile

    Thanks for the template for creating the twitter backgrounds. Its nice to see how you made it functional for most people screen size. Great use of information, thanks again.

  • http://www.ruhanirabin.com/ Ruhani Rabin

    If you didn't noticed, the background I've provided is pretty optimized even
    for a slower connection :)

  • http://www.google.com/profiles/twitcane01 Nicole Adrian

    Thank you for the zip file of the template! IMO, it is really better if you can make your twitter background optimized for the web with a smaller file size instead of uploading the same one with twice or three times the size; especially for folks are still using a dial-up connection. I strongly believe that consideration to the other uses will lead to a better follower base.

    If I remembered correctly, I passed by to a site that shares “hot twitter backgrounds”, “cute twitter backgrounds”, “retro twitter backgrounds”, and many more for free. The site can be helpful for someone who needs inspiration while creating their own background or someone who simply needs a new look to their twitter profile.

  • http://millionclues.com/ Arun Basil Lal

    Thanks for sharing the zip, You got a nice one there :)

  • http://www.throwinbombs.com/ andy

    thanks ruhani

  • http://www.adityakumarnayak.com/ AdityaNayak

    Thanks a lot for sharing. Nice work

  • http://www.adityakumarnayak.com/ AdityaNayak

    Thanks a lot for sharing. Nice work

  • http://gisnap.com gisnap

    Its really cool, I came to know this really worth visiting, just bookmarked your site.

    http://gisnap.com/
    The place where fun never ends

  • BinaryHaiku

    Liking the new twitter background.

  • http://www.ruhanirabin.com Ruhani Rabin

    Mark it could be your browser and anyway you can always reposition the links in photoshop :)

  • http://twitter.com/wniizzati WAN NUR IZZATI

    thansk for sharing.. good job

  • Deb

    You are a genius! Thanks for sharing your knowledge with NEW Twitter members!

  • James F

    Nice article! I usually leave the right side with nothing because different resolutions will make it disappear behind the main wrapper. The left side is all game though and I agree with you 100%!

    Thanks for your time writing.
    James F.
    Free Twitter backgrounds

  • DotSauce

    I don't know if it's just my monitor or what, but your URL's below the Twitter navigation links are a bit too low. Bottom of the text is cut off a bit.

    Thanks for this though, cheers.

  • aithnejarretta

    Thanks so much for the help! Yay! My page looks super. ;o) ~ Aithne

  • Daniel

    Hi, thanks a lot for the information. Found it extremely useful.

  • http://www.blog-kommunikation.de/ Thomas Dolby

    The zip ist broken, its 0 kb when downloaded

  • http://www.blog-kommunikation.de/ Thomas Dolby

    The zip ist broken, its 0 kb when downloaded

  • http://www.ruhanirabin.com Ruhani Rabin

    can you try to download again please =)

  • firedealer

    I'm not sure if it's a bug but some reason I can't download the psd file here?

  • http://www.facebook.com/profile.php?id=616957628 facebook-616957628

    Nice work. . .thanks for sharing ideas. . sometimes I feel so lost!

  • http://www.songlyricsnow.com Christiana

    Thanksfor the tips. I was wondering how some people had that type of info in their Twitter profiles. I didn't realize it was just a graphic !!