With the recent changes to the Twitter platform, it has become more difficult to build a custom Twitter background. The background area of Twitter is not completely fixed. The amount of space that you have to design around the twitter frame varies based on the screen size / resolution of the computer screen that the visitor to your profile is using.
In doing some research for this tutorial I read a lot of different suggestions as to the proper dimension to design around. Most users want the greatest amount of room possible to work with. Myself I would assume design within a smaller space but have a greater guarantee that visitors coming from any computer will be able to see all of my custom content. In short here is an overview:
- 100% of users will always see at least 41 pixels on each side.
- 72% of users (viewing in 1280 x 800 or higher resolution) will see 108 pixels on each side.
- 28% of users (viewing in 1440 x 900 or higher resolution) will see 200 pixels on each side.
- 4% of users (viewing in 1920 x 1080) will see 312 pixels on each side