the id

The Documented Tangents of Inessa Davydova.
You can't stop me.

Twitter Backgrounds & Screen Res [Best Practices]

Today, most visitors use a screen resolution higher than 1024x768px. This gives us a bit of insight when it comes to designing for the web. Here’s a quick reference for designing twitter backgrounds:

Remember that Twitter’s background is fixed to the left of the browser while content remains centered. So you need to account for users of varying browser sizes.

Here’s a guide for how much real estate you have for maximum user reach (these account for space taken up by the browser as well, so these px sizes may vary slightly):

  • 66px for 99% of visitors (1024px wide resolution)
  • 194px for 82% of visitors (1280px wide resolution) «recommended
  • 238px for 56.1% of visitors (1366px wide resolution)
  • Up to 520px for 42.3% of visitors (1366px+ wide resolution)

Remember to keep it simple and always test it live. Make a dummy twitter account for testing if need be.