New Twitter Design: Incorporating the Header Image

If you are a Twitter buff, you’ve likely seen the new profile design that Twitter announced a month ago, which includes a header image and a centered avatar (profile picture). Many social media enthusiasts and designers are criticizing the new design for its awkward layout, and undeniable similarity to Facebook’s cover photo which rolled out with the launch of Timeline.

Image Courtesy of Twitter.

So, why update your header image? As of June, 2012, 60% of Twitter’s 140-million-person active user base accesses the service via mobile devices (up from 55% of 100-million in September, 2011). On mobile (and tablet) devices, the Twitter background imagery is not displayed, however the header image and avatar are prominent. According to Twitter, eventually, all profiles will be updated to the new design automatically but Twitter will notify all users before making this change.

Need help getting started? Learn more from Twitter’s profile page one-sheet, or check out Cypress North’s blog post which features design tips and templates for you to download and use. Aslo, here are the spocs you need to know:

  • Header image:
    • The display size of the Twitter header image is 520px x 260px
    • Maximum file size of 5MB
    • 1252px x 626px for optimal viewing across all devices
  • Profile background: JPG, PNG, or GIF file, up to 800kb. For custom designs, be sure to account for the following:
    • Background position: left, center or right
    • Background color
    • Link color
    • Overlay: black or white

What do you think of Twitter’s new profile design? Have you uploaded your header image? Comment with your Twitter handle and your thoughts below!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s