Twitter Banner Size: Profile, Header and More
Twitter might seem like an odd one when it comes to the list of social media. The ability to write messages only in small chunks of 280 symbols at once, no ability to edit those “Tweets”, and so on – there are several reasons why Twitter is often seen as the weird choice of your main social media.
And yet, it is one of the biggest ones in the world, drawing the attention of both companies and individuals all the time. Myriads of people use Twitter on a daily basis and are quite happy with it, and that includes brands and companies, as well. However, there are also some nuances that Twitter has when it comes to one specific area of any social media website, and that is image sharing.
There are three main categories of images that can be found out on Twitter – profile pictures, headers, and shared images (in Tweets). Each of those has its own list of nuances and recommendations, as well as the dedicated banner size Twitter. Now we’ll attempt to go over all three of these categories.
Twitter profile picture
A Twitter profile picture is the main representation of the account in question across the entirety of Twitter. There are three main places that you can see this profile picture being used:
- At your own page as a full-size profile picture;
- In any of your followers’ Twitter feeds every time you Tweet, Retweet, or like something (it is worth noting that your liked Tweets can only partially be seen by your followers, and it works only if the user in question has set their news feed in the “top Tweets first” mode);
- The same picture is shown in the “Who to follow” box at the right of people’s Twitter feeds, as well as in their notification tab, if they’ve set up notifications about your tweets or if you’ve liked their Tweets.
The original guidelines for Twitter profile banner sizes are relatively simple – 400 x 400 pixels in the form of a square, JPG/PNG/GIF file format and a file size below 5 MB. However, it is important to remember about Twitter cropping when choosing your profile image, or any image within Twitter.
For example, even though the recommended profile image for Twitter is shaped as a square, and it would be shown as a square in the full-screen view – all of the scaled-down versions of your profile image would be shaped in the form of a circle, effectively cutting out parts of your image.
For that exact reason, it is recommended for your Twitter profile picture to have all of its important information (a brand’s logo, for example) to be located in the center of an image, so that it would not be cut out by this kind of internal cropping. That way, the effective size for Twitter banner when it comes to profile pictures is going to be slightly smaller than 400 x 400 pixels, as per Twitter’s own guidelines.
Twitter header picture
Twitter headers are somewhat more specific since they tend to appear only in one place – at the top of your own Twitter page. Twitter header’s main purpose is to work in tandem with your profile picture to attract and/or interest anyone that visits your profile page.
Twitter’s own recommendations when it comes to headers are quite simple, as well – 1500 x 500 pixels, rectangular shape, less than 5 MB in size, and in one of the three main formats (JPG/GIF/PNG). However, as with the profile picture, there are also nuances with the header image that are directly connected with the way Twitter crops these images.
Since Twitter, as a relatively flexible web platform, can scale most of its interface in accordance with the user’s screen size and other settings, the header image tends to get cropped to fit the specific page size, too.
There are two main areas in which Twitter can interfere with your header image. The first one being the top and the bottom parts of your header image – meaning that is highly recommended to keep the majority of your header’s contents away from the top and the bottom part of the image.
The second one is somewhat more complicated, and it’s connected with the way Twitter operates your profile picture. Usually, Twitter is placing your profile image on top of your profile page, meaning that at least some part of your profile image is going to be shown over your banner image.
The exact placement is dependent on the page’s scaling, but it’s safe to say that the area that would be taken by a part of your profile picture is not supposed to be bigger than 430 x 172 pixels and is always located in the bottom left corner of your Twitter header, a small distance away from the left side of the image in question.
To act as sort of a conclusion to this part, we’ve managed to go over two of the main nuances when it comes to Twitter headers, and now we have the following recommendations:
- The contents of your header should not be placed at the top or at the bottom of the image so it won’t get cut out;
- The bottom left part of your image is also a place that you should keep mostly empty so that your profile picture would not interfere with its visibility.
Other than that, it’s safe to use the recommended banner size for Twitter headers – which is 1500 x 500 pixels with a 3:1 aspect ratio.
Images in Tweets
Images can also be attached to any of the Tweets that you’re creating, but there is a catch. Depending on whether you’re sharing a link for something, attaching one image, or several images at once – both the cropped and the displayed parts of those images would be slightly different.
An additional problem with that is the way that Twitter scales images sometimes, showing only a part of the image chosen almost at random, it seems. However, it is possible to figure out the best way to work with these abnormalities, which brings us to the list of recommended Twitter banner sizes when it comes to the attached images (all of the resolutions are in px or pixels):
- Shared link – 1200 x 628;
- 1 image – 1200 x 675;
- 2 images – 700 x 800 and 700 x 800;
- 3 images – 700 x 800, 1200 x 686 and 1200 x 686;
- 4 images – 1200 x 600 for all four images.
It is worth noting that it’s also possible to share the regular images using the basic 1200 x 600 pixels or 1200 x 1200 pixels sizes, but you should keep in mind that these images might get weirdly cropped depending on the device type that is used to open it (square images are more fit for smaller screens/mobile devices, and rectangular images are the first choice for web clients on larger desktops).
There are several nuances that you have to keep in mind when using Twitter, and most of them are not that hard to work with, too. At the same time, it is possible to work around these constraints if you’re using a Twitter banner size maker to create an image you want to share on this social media.
This is possible because a lot of online ad builders (Viewst, for example) offer not only extensive editing features but also present a number of Twitter banner size templates. Templates allow you to create a unique banner for yourself even without some specific level of designing knowledge or some dedicated skills.