How to Create a Twitter Background Image

images1

How to Create Twitter Background

You are on Twitter and you want a custom background.  Here is what you need to know.

You can create your own background in any application that will let you save the file as a .jpg, .gif or .png and allows you to create the graphics you desire.  I used Adobe Photoshop to create mine (take a peek to see what it looks like).

Here are some things you need to know before getting started:

  • Your twitter background will force itself to the far left of the page.  Give your self some room from the left side.
  • People have different size monitors, so it is best to keep the graphics on the left and a solid color on the right so that you know they are seeing what you want them to see.

Creating your background

Set Your File Dimensions (page size): 378 px x 583 px or 5.25 inches wide x 8 inches tall

Now Set A Logo Area: 80 px by 583 px or 1 inch x 1.25 inches (this is about how big you want it to be)

Left Margin: Remember to set everything over 3/4 of an inch from the left side.

Top Margin: 14 px or 1/8 inch from the top is where you are going to want to put your logo (this way it lines up with the Twitter logo).

Right Margin: 3/4 inch – 1 inch  from the right is where you are going to want to put your guides.  Place your information between the left and right margins.  This will give you a little “elbow room” as people expand and collapse their windows.  Thanks The Harriman Team for point this out.

Important Note:  Different monitor sizes, and different screen resolutions will cause variations on how your background appears.  The sizes above were created so to meet the needs of most people.

Final file size according to Twitter:  “Images must be smaller than 800k.”

Make it “Purdy”

Colors: Select colors that match your Twitter template colors. You can change the colors for Text, Name, Link, Sidebar fill and Sidebar border as needed in the dialog box on Twitter.
Recommendation: Choose colors that work with the template you have choosen and save yourself the headache of matching the links, etc. to your image.

How to Upload your Twitter background

  1. Login and click ‘Settings’ >> click ‘Design’ >> Select ‘Use my custom style below’ radio button >> Upload your image

It took me quite a bit of time to get a background image that I was happy with. There was a lot of editing and uploading again, and again until it was just the way I wanted it. Have patience and you’ll be thrilled with the results. Remember that you are working within someone else’s website and can’t control all the features.

Keep these things in mind when creating your new background for Twitter.

Things to remember when creating a twitter background image

Things to remember when creating a twitter background image

Good Luck!

If you found this article helpful, please Stumble or give a TWEET.  Your support is greatly appreciated.

If you have any questions or problems, please leave comments below, Tweet me or send me a direct message via Twitter.  I’m always here to help!

Happy Tweeting!

Connect on Facebook, Visit Blueleaf Creative online. Contact Leah at ldossey@blueleafcreative.com Follow Leah on Twitter, join the facebook group Creative Wisdom, or become a fan of Blueleaf Creative.

subscribe_to_creative_wisdom

Advertisements

42 Responses

  1. Arghhh…could have used this post yesterday as I fiddled around in Photoshop trying to figure out how many pixels to make my image!

    terrific primer on creating a background for twitter – will tweet!

  2. McMilker – Sorry the timing was off for you! If you need any help or suggestions for your background let me know. I’m glad to assist! Just give me a shout on Twitter or leave a comment below! Love to follow you on Twitter!

  3. Thanks for this! I just sent a couple of people to this page! A great idea to write it all out for people to do their own!

  4. Meroko – You are welcome! Glad you are finding it useful! Will be posting a new tutorial on how to create a Twitter background in Word/PPT later this week for all of our PC friends out there!

  5. A wonderful, informative post! I’ve been on Twitter for 2 days now, and need to work on creating a nice background. Thanks so much!

  6. Thanks so much for this tutorial – I found it hugely helpful. I only had one major modification – I used an 80px top margin rather than 14px. It works better if you’re intending on using a prominent text box as it matches up with the top of the main box.

  7. I appreciate the technical specifications you’ve given us. I am a PC user and I do not have Adobe Photoshop. You mentioned that you would post how to create a background in MS Word. How is that possible? How do you get MS Word to save its file as an image, rather than a .DOC ?
    Thanks

  8. Thanks for this! I set out to create a custom twitter background this afternoon with Photoshop (with which I’m a beginner). From start to finish, it took me about two hours. It was relatively easy with your directions.

    if you don’t have photoshop, you can probably also use the Draw program in the free Open Office suite of programs.

    thanks! pls follow me at twitter.com/gus_sentementes

  9. oooh, thank you for posting this!! my hubby is the official photoshop wizard at our house, and now I can ask him pretty please to make a background for me…he wouldnt have had the patience to figure it out himself, lol

  10. Did a RT 4 U! Great article, now I might actually be inclined to change my BG… been too busy to browse through all of the settings & options!

  11. Leah, This is wonderful. Very specific. I’ll be using it for my new profile.

    Thanks, @ShaynePacker

  12. Glad this is useful for you – please let me know if you have any issues or if there is anything else I can do to help!

  13. Thanks!! Very Helpful

  14. […] are some useful links with tips and images: How to Create Twitter Background Make a Good Impression with a Custom Twitter Background Free Twitter Backgrounds – I picked one […]

  15. […] How to Create a Twitter Background Image (tags: twitter design tools) […]

  16. Thanks so much for this!! Working on it now, finally upgrading from the boring basic background!

  17. Very cool. New to Twitter, so I’ll be trying this out. Thanks for the help.

  18. […] are some useful links with tips and images: How to Create Twitter Background Make a Good Impression with a Custom Twitter Background Free Twitter Backgrounds – I picked one […]

  19. […] How 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 Twitter Background (ehow.com). Create a Twitter Background Using Powerpoint (theclosetentrepreneur.com). […]

  20. Doctor Twitter is the number one source for twitter themes..u can easily apply them with one click…good tutorial and i think it would work well for the professional types on Twitter

  21. […] How 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 Twitter Background (ehow.com). Create a Twitter Background Using Powerpoint (theclosetentrepreneur.com). […]

  22. Ok, I’ve been trying to create my own personal background for twitter, and I put in the dimensions you gave and it’s way too small. It’s like a tiny portion of the screen, and I do NOT want to tile the image. Please, if you could, give the correct dimensions for the graphic.

  23. Good detailed article. People who know how to use photoshop and are active on Twitter will like to use your tips to make their own custom background image.

  24. thanks for the instructions. working on mine now.

  25. Thanks for posting, Its really help those people who are using twitter backgrounds, twitter templates etc.

  26. Great tutorial you’ve got here! We actually referenced it when we were deciding on sizes to create our free twitter backgrounds. It’s a good detailed article that would help even a beginner make a twitter background. Thanks again.

  27. I do not have this option under Design??

    ‘Use my custom style below’ radio button

    I have the option to Browse for a image but that isnt working …

    hmmm … a bit stuck

    🙂

  28. Just what I have been looking for. Many thanks for that tut.

  29. very helpful working on making a creative one now thanks heaps 🙂

  30. Hi there,

    Thanks Greatly for the specs etc. although I found that I didn’t need the Left Hand Margin when I used Fireworks.

    Twas of great help to me.

    Cheers again
    Ben Brooks

  31. […] your Twitter background? 2009 September 4 tags: Twitter by morgancarrie Here is a good article from BlueLeaf Creative on customizing the look of your Twitter background – very important to do for both Twitter […]

  32. […] How to Create a Twitter Background Image « Creative Wisdom Indicaciones para crear buenos fondos de Tweeter con Photoshop […]

  33. “I think you may have imagined about adding some video clips on your weblog posts to hold your readers a lot more entertained? I suggest I just learn via the entire web site here and it was high-quality but because I am much more of a visual learner, I observed that to turn into a lot more helpful. Well you really should let me know how it turns out! I really like what you people are carrying out and up too. Such excellent function and opinions! Maintain up the excellent work guys. I’ve additional this web site to my blogroll. That is a awesome webpage many thanks for sharing this useful info.. I will check out your web site regularly for some newest post.”

    ———————-
    Bologna

  34. […] Once you see everything works correctly you can build a cool twitter background for all your new followers with all the new found free time you have. Blueleafcreative […]

  35. what is this?

  36. Take note that Edge – Rank, the Facebook News Feed optimization algorithm that
    determines what content or activities from your network is displayed on News feed,
    prefers visual content too. I am normally a pretty peaceful person with a “live and let live” nature; I can put myself in the other’s shoes quite eaily and automatically, and yet I found myself dealing with an instinctive desire to completely crush this person. In the wee hours of ‘Saptami,
    ‘ the next day, the ‘Pran’ or life of the Devi is brought from a nearby pond or river in a banana tree and established inside the image.

  37. Perfect for a chillout slow jam hangout after the clubs close.
    I know a lot more music now than before and have changed my tastes.
    Be comfortable in its open-air concept restaurant, where you might even sit in a table and look up to see stars in a clear night sky.

  38. They want to win by playing their very best as opposed to
    winning by putting the other person off. Leveling up to defeat all the enemies can be time arresting so
    apprehend to absorb a acceptable bulk of hours anniversary day
    accepting the a lot of out of this game.

    Online gaming is a popular way to spend enjoyable time at a low cost for
    hours on end.

  39. Though the levels look really simple, they are actually
    quite challenging. Just last year Apple sold more than one hundred million i – Phone and i – Pad apps.
    The nature of Reddit’s platform makes it possible — through great and creative effort, it appears — to give users a gift of the unexpected, rather than deriving humor from humiliation.

  40. […] is a good article from BlueLeaf Creative on customizing the look of your Twitter background – very important to do for both Twitter […]

  41. Improving our carbon footprints should be done in every aspect of our
    lives including our children’s birthday parties. For instance, it is an excellent idea to prepare the birthday cake of a golf lover in the shape of a golf ball in a golf course. Frost the cupcakes in different colors using frosting and food coloring.

  42. Managing the method’s resources is 1 of its responsibilities.

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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

%d bloggers like this: