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.