Twitter Background Image Deminsions To Fit Left Side

On a lot of Twitter feeds you will see a image to the left of the feed itself which makes it look as if the Twitter page itself has been designed. Basically what people are doing is adding a background image and typically using the tile feature to tile the image across the background. One thing to note is the fact that the image will display differently for various screen resolutions.

If you notice in the below image the background image fits perfectly for the screen resolution the page was viewed in which was 1280×800. The background image uploaded in this example below¬†has a width of 250 pixels and a height of 600 pixels. Again these deminsions will make the image fit perfectly in a browser fully expanded when shown on a monitor/screen with a resolution of 1280×800.

Twitter Background Image Deminsions

The issue with adding such an image is the fact that when this Twitter feed is viewed in a different screen resolution it will look off. Viewing this from a monitor with 1920×1080 set as the screen resolution puts the background image up into the left hand corner which doesn’t look good.

There are a couple of ways to work around this problem. First you can actually tile the image which basically just puts the same background image next to itself over and over again until the entire screen is filled up with the same image as shown below.

Twitter Tiled Background Image

If you don’t like the tiled view, which I personally don’t, you can either optimize for a certain screen resolution based on your web analytics, you can upload one larger image that fills the entire screen, or you could just not use a background image and instead just modify the background color.

To modify these settings for your Twitter feed account just follow the below instructions.

  1. Login to Twitter:First visit http://www.twitter.com in your favorite browser and login.
  2. Open Settings: Click the Settings link in the top right navigation bar.
  3. Open Design Settings: Now click on the Design tab which will open a window that looks like the below image.

    Twitter: Design Settings, Background Image 

  4. Modify Design Settings: Now make the modifications that you want to make to your Twitter feed. You can either select one of the available themes, modify the background image, or modify the color scheme (using HTML color codes).
  5. Save & Verify: Now click the “save changes” button at the bottom to save the design changes you have made. Next visit your Twitter profile to verify that the design changes look as expected.

Learn more about the power behind using Twitter for marketing, contacts, or just for personal use by checking out one of the Twitter books listed below.


List Price: $24.95 USD
New From: $1.22 USD In Stock
Used from: $0.01 USD In Stock

Twitter Tips, Tricks, and Tweets (Paperback)

By (author): Paul McFedries


List Price: $19.99 USD
New From: $0.88 USD In Stock
Used from: $0.01 USD In Stock

Share