Today, Twitter introduced a new header photo option for user profiles. Twitter states that the image requirements are a “Minimum dimensions of 1252×626, Maximum file size of 5MB”. However, there are other things to take into consideration, such as the area of the image that the avatar icon will completely obscure, your Display Name and @username as well as margins. In addition, it’s worth noting that Twitter overlays a gradient that darkens the lower two thirds of your image. To make it easier for folks to crop and position their new header image, I worked up a simple layered Photoshop (PSD) template. Download the Twitter header photo template in .PSD format…
UPDATE: I’ve improved the template a bit, adding a sample background pattern along with Layer Comps, and a Note within the PSD that offers suggested use.
UPDATE 2: If you have any issues downloading the .PSD file, please Download the .zip archived version.
UPDATE 3 – April 8, 2014: That was fun while it lasted, but now the above template is irrelevant. Here are the details:
- Twitter has announced a new profile layout
- Background photo images should be 1500 x 500 pixels (smaller images will have low-quality appearance and different proportions will lead to cropping)
- Profile images should be 400 x 400 pixels
- How to Change Your Twitter Header Image – Mashable.com
- 8 Ways To Make The Most Out Of Twitter’s New Header Image – makeuseof.com
- Handy Tips For Creating a Cool Twitter Profile Design – line25.com
- How brands can utilize the Twitter header photo – smartblogs.com/
- Sample pattern – “Tex2res4” made by Janos Koos, thanks to subtlepatterns.com