New Twitter Design Template: Combined Background and Header » Blog: Social Media, Blog: WebDesign & WebDevelopment, FAQs & Blog - inlineVision: Web Development / E-Commerce / PPC | Las Vegas, NV | High-Performance Websites & E-Commerce Solutions

New Twitter Design Template: Combined Background and Header

Oct 22nd, 2012
New version!
Aug 26th, 2013 – Seamless Twitter Background and Header Template
Download our updated template.

Three graphics from one file

twitter background header combinedI knew I was going to have to create one eventually… this new template allows you to integrate your profile picture, header image and background together.

Development of the Template

Example of Twitter profile using our templateOne issue people may have with this template is the physical size of the working document… 3472×1845 pixels is quite large. Finding a photo or graphic this large might be a problem but this template is not for all situations.

How did I end up with this size? I felt that enough of the background was visible on my laptop to give me plenty of space to be creative. My screen size is 1440x900px but the recommended size for a Twitter header image is 1252×626 pixels.

I started with my previous template for the Twitter header (1252×626) and expanded the canvas around it to a size that would give me a background that when resized down to 1440px wide would line up with the header image once it gets resized down to 520×260.

How To Use This Template

The one thing to remember about this template is that when you create your images only the background needs to be resized.
The profile image and header image can be cropped and uploaded to Twitter as-is.

The background must be resized and scaled down to 1440×765 so that it will match the header image that gets scaled down to 520x260px (on the desktop). Remember to crop out Twitter’s Menu bar too or your background will not line up correctly.

So, there it is. Download it and get creative! If you have any questions or comments please let us know. As with my other templates I usually make adjustments and improvements over time so your feedback is welcome.

I would love to see what you come up with too so please leave a link to your new and improved Twitter profile below!

Related Posts

Send this to a friend