How To Change My @ In Twitter

Twitter Header Dimensions

Optimize your Twitter header photo with these dimensions: 1500 pixels broad by 500 pixels tall. You'll too need to business relationship for your contour picture and the invisible area around your display paradigm.

If yous've ever struggled with Twitter header dimensions you're not lonely…

Even though Twitter has provided guidelines for their header photo size, it'due south withal ridiculously difficult to get the sizing just right. That's because Twitter does this funny thing where they chop off office of your cover photo even if you follow the recommended guidelines.

In addition, you also need to worry about how your header photograph scales across different screen resolutions.

The good news is we've solved this problem and I'm here to assistance you do the same.

In this article, we'll encompass in item what Twitter header size you should exist using along with some guidelines to ensure that information technology displays properly.

Twitter's guidelines for header photos

Earlier nosotros dive into some optimization tactics, permit's go over Twitter'south recommended guidelines for header images.

Header photo recommended dimensions are 1500px by 500px, which has an aspect ratio of 3:one
Photos can be in any of the following formats: JPG, GIF, or PNG. (Twitter does not support animated GIFs for profile or header images.)
Twitter recommends that profile photos and banner prototype file sizes should be under 2MB

Hither'south the trouble…

Even if yous follow these guidelines, your header image may non look correct after you've uploaded it. That's because you need to account for your profile picture and the "invisible area" around your contour picture.

In reality, the recommended Twitter header dimensions actually look like this:

Permit'south cover the contour picture expanse and the invisible surface area in a bit more detail.

Accounting for your profile motion-picture show

Ensuring your Twitter profile picture doesn't interfere with your header photo is actually more complicated than you think. That's because the position of your profile picture in relation to the encompass photograph actually changes depending on your device and screen's resolution.

For example, here'due south a screenshot of a cover photo with my resolution at full width on a desktop:

When the Twitter header is displayed at full width on a computer, the profile movie is at it'southward largest and occupies more than of the header photo

Yet, as I scale downwardly my resolution, wait at how the contour picture changes location and moves below the header paradigm and exposes more than of the header image where our safe zone resides.

When the Twitter header is displayed on smaller screens, the profile picture moves downwardly and scales downwards.

Additionally, nosotros have to look at how the Twitter imprint will look on a mobile device. Here is the Twitter header image displayed on the Twitter app on the iPhone X.

When the Twitter banner is displayed on a mobile device, the profile film slides down in position and scales downwardly. This allows for most of the header prototype to exist visible.

The Best Twitter Header Size

Here's what we recommend for your Twitter header dimensions:

Use the recommended banner sizing of 1500px past 500px
Get out ample infinite on the bottom left corner to business relationship for contour picture and dissimilar screen resolutions
Leave some empty space at the top and bottom of your header photo

I recommend leaving a bit of infinite on the summit and bottom of your imprint photograph considering in Twitter'due south guidelines they state that at that place's a possibility of some minor cropping.

How to Make a Twitter Banner with Templates

We know merely how frustrating information technology can be to go the sizing of your Twitter header just right. That'south why we've congenital these prophylactic zones directly into our Twitter header maker.

You can cull from a variety of professional pre-made Twitter header templates that match your needs. Hither's a video we created that shows how you tin can create a Twitter header photograph within less than ii minutes.

When y'all create Twitter header images, nosotros cleverly display the profile picture and invisible areas that you lot need to watch out for. Y'all can fifty-fifty toggle this on and off.

At present y'all'll never have to worry near Twitter header sizing always again!

Conclusion

Every bit you lot can see, optimizing your Twitter header isn't as easy as you'd call back. We hope this guide helps clear things up and allows you to perfectly size your Twitter banner image without running into any issues.

Most the author: Nick Le is the marketing manager at Snappa. He has published several manufactures relating to social media marketing.