Twitter background guidelines 2008-01-27 10:21:12

Ever wanted to make an interesting Twitter background? Here's how I did it.

Side note: This post comes to you straight from an email reply to fellow long-time podcaster Michael Geoghegan in regards to my Twitter background.

Also of note, this layout works best on higher res monitor settings. I imagine that most active Twitter users that are going to be viewing the site as opposed to sms or mobile versions are on high res settings. That said, let's roll.

Creating your background

File Dimensions: 2048 px by 1707 px (no clue why i used these dimensions but I am sure I knew what I was doing at the time)
Branding Dimensions: 80 px by 587 px
Coordinates: X=20, Y=14
Horizontal position: 20 px from the left (give yourself some padding)
Vertical position: 14 px from the top (will line up your graphic with the top of the twitter logo. our eyes like symmetry) File size and type according to Twitter: "Images must be smaller than 800k. GIF, JPG, PNG."


Color palette: Pick colors that match that with default Twitter stylesheet colors. If they contrast too much follow the Change Background directions above and change the colors for Text, Name, Link, Sidebar fill and Sidebar border as needed.
Recommendation: Choose colors that work with the default and save yourself the headache of matching the CSS to your image. Follow Twitter's lead.

Uploading your background

Change Default Background: 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 I got it right. I would suspect if you're like me your experience will be much the same. So have patience when getting it just right. And remember that you are working within someone else's website and can't control all the features.

Update: This is the background that I based this tutorial on - Croncast background all by itself if you want to use it as a guide.

Here's my current background at work (note: it is now free-form) -

template size twitter background Michael Geoghegan twitter

Follow with...
Listen Now To The Current Season Recent Episodes Union Square Connect, Wildlife Rescue, Upstate Weekends 2014-09-13 15:10:24 Backpack Battle, Class for Kris, Lunch with Andy 2014-09-10 18:45:05 Big Things, Renewal, Domestic Training 2014-08-25 17:24:41 Recognizer, The Move, Your Store 2014-08-23 10:58:53 Stay Hungry, Get Me a Heather, His Wife 2014-02-08 06:43:40 Ham Underwear, The Russian Model, Back to Inadequate 2014-02-03 19:32:56 Beyond PDA, Let Me Sell It, FitBit Nausea 2014-01-31 11:22:27 Saturday Edition: Jingling Purse, Take Blood, Resale Interns 2014-01-25 09:45:25 The District, PR Man, Tiffany Spoon 2014-01-22 13:50:56 2014 Update 2014-01-15 19:54:36 Where I Can Watch, Truly Outrageous, Is Too Real 2013-12-10 14:04:42
Listen with Home About Episodes Episodes by Season News Contact Website contents: Episodes, Text and Graphics are © Copyright 2004-2014 Palegroove Studios unless otherwise noted.