Twitter Cover Photo Template (April 2014) PSD Download

Twitter Cover Photo Template (April 2014) PSD Download

We independently research, test, review, and recommend the best products—learn more about our process. If you buy something through our links, we may earn a commission.

Twitter has just updated their profile pages (see mine here), including a responsive cover photo and with it comes some design challenges.

After playing around with a few brand’s cover photos, I have found some “safe areas” where you should fit your content. You can download the template below, and remember not to put anything important in the dark blue areas.

sponsored message

Adobe Creative Cloud Discount

Twitter Cover Photo Template

Twitter Cover Photo Photoshop Template PSD Download

Example Cover Photo

Below is a cover photo I made for Prolo‘s Twitter profile – notice how the map and logo are within the safe areas. Please note that the smallest mobile views are not accounted for here, as the profile picture covers most of the photo.

Example: Twitter Cover Photo April 2014

» Download Twitter Cover Photo Template PSD

This free Photoshop (PSD) template file has been optimized based on the April 2014 Twitter design layout, and the Twitter Header / Cover Photo / Profile Image area which is 1500×500 pixels.

36 thoughts on “Twitter Cover Photo Template (April 2014) PSD Download”

  1. I found the same thing yesterday. I quickly made a template to test which areas are cut off, but I found it to be much more down-the-center than the one you’ve supplied. Check out my profile — http://twitter.com/scottperezfox — which features a rectangle with two levels of padding. The outtermost one only displays on the verticals.

    • Interesting Scott, I put the far right cut off rectangle more to the right because on iPad portrait sizes the far right of the screen gets cut off meaning it won’t be visible all the time. Is that what you were referring to?

      • I’ve only seen it on a desktop browser which means clearly my testing is incomplete! I think you’re right that you have to consider that scenario as well, even if most people on tablet and mobile are using some Twitter client rather than twitter.com itself.

  2. Thanks for this, Jacob. Was looking for something like this, especially after I butchered an attempt to use several pics of my kids as my Twitter cover (http://twitter.com/cobyheise) last night. Of course, I’m not good enough w/ PS or FW to blend the two pics together at the seem, which is probably the only way to pull off this type of graphic!

  3. Awesome, thanks for this Jacob!
    Urgh, it never ends… now I need to update 9 twitter profiles, not to mention the Google+ cover images I haven’t yet taken care of either… 😉

  4. I’ve been struggling to find the right size for creating a cover photo for my Twitter profile.

    Thanks for this Jacob, really appreciate it!

  5. Hi I am looking for a colorful and unique Twitter cover page. I see your cover page PSD but i can’t edit to make unique. So help me to use it.

  6. i found lots of places with dimensions but none with the very useful safe area you figured out. you saved me time and hassle. thank you!

  7. Have you done any research on safe areas for mobile? Your template worked pretty well for desktop but for mobile (iPad and iPhone at least), The profile pic is centered and there’s text over the photo. Boo, Twitter. You’re not making this easy.

    • Hi Janine,
      This template doesn’t have a safe area but it’s safe to assume that the profile image will always by in the center of the image, so this is something to be mindful of too! At these smaller sizes on mobile it’s more about the profile picture anyway as so much else get’s covered.

  8. Hi, this template will work fine on desktop browsers but what about ipads and iphones? those devices have the profile picture showing always in the middle of the screen, which hides the most important part of your template (the center), so the “safe area” of your template is not 100% safe on mobile devices … correct me if I’m wrong

    • Hi Jeff,
      This will be fine for iPads but for mobile phones, the profile picture will cover most of the cover photo so this PSD has not been optimized for that.

  9. Hi Jeff,
    This will be fine for iPads but for mobile phones, the profile picture will cover most of the cover photo so this PSD has not been optimized for that.

  10. Thanks for the info.
    I have a question, how i can put animated profile picture? in gif format?

    Regards.

  11. Hi this is somewhat of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding expertise so I wanted to get guidance from someone with experience. Any help would be enormously appreciated!
    udi rc heli http://www.instagram.com/helitoygirl/

Comments are closed.