X (formerly Twitter) size guide: how to create beautiful banners

X (formally Twitter) is one of the biggest and most viral social networks in the world. Two hundred and eighty characters are enough to share an opinion, but a single image can convey more than words. This makes it crucial to get your dimensions right.

This cheat sheet provides a complete guide to all the image sizes for X, ensuring your visuals look perfect every time. Whether it’s your profile banner, photo, or a post, we’ve got the optimal dimensions covered. Let’s dive into the details so you can make the most of your online presence without the hassle of awkward cropping or file size issues.

Keep in mind that images are displayed on the web in the sRGB color space.

Unlike some other social media networks, X is complicated when it comes to images. So, if you’ve tried to comply with the social media sizes of X and still received a message to optimize your images, you are not alone.

Sometimes X “likes” to crop some parts of your header image. That is why it is essential to know the correct dimensions, so none of your critical visual elements will be cropped again.

Getting the correct sizes and image dimensions for a specific social media network may be challenging at times. And let’s not forget that you must keep in mind how your X banner will scale across various devices and screen resolutions.

In the following X (Twitter) size guide, we will go through the correct dimensions for your designs and image size requirements.

Besides the common X (Twitter) banner size, you will also learn how to design cool multiple-photo posts. We will also guide you on getting the right dimension for the newest Twitter feature: Twitter Fleets.

What is the perfect X (formally Twitter) banner size?

Let’s start at the top of your profile. The X (Twitter) header image is the first thing your profile visitors will see. That's why it's important to make a header that reflects not only your brand but is also in line with what you tweet about.

Pro tips:

  1. When trying to get the perfect X banner or header size, keep in mind that your profile photo will cover up the lower-left corner of your banner. The best thing to do is to leave this particular banner corner blank. This way, you will prevent design elements from being “hidden” behind your profile thumbnail.
  2. Another thing to keep in mind is how the X cover photo will look on different devices such as mobile devices or other tablets. You want the X header design to look great, no matter the screen size or screen resolution.
  3. As mentioned earlier, try to add a banner that reflects your brand or your business. This is particularly important for businesses and business owners, or anyone using X to generate leads or build their online presence.

In its early stages, Twitter allowed users to crop their header in many different ways. Well, not anymore.

3:1 aspect ratio 1500 pixels wide x 500 pixels tall 5MB

Regarding the format you can use: JPG, PNG, and GIF formats are the way to go. Unfortunately, at the moment, X does not allow you to use animated GIFs on your banner.

You also have the option to edit the X banner image on mobile devices and desktops. However, the theme colors can only be updated via the X website.

If you want to get the dimensions right and save time, use Linearity’s simple templates.

Jumpstart your creative ideas with Linearity Curve and Linearity Move

With Linearity Curve, for instance, you can design an awesome X header with just a few simple steps. The Unsplash integration will also allow you to find great backgrounds for your X account.

X profile photo size

Every time you tweet or simply reply to a tweet, your profile photo or company profile picture will be displayed next to your name. So, a great X profile picture might bring even more followers to your profile. Use it as a creative element.

The first thing people will see about you and your profile once you tweet, comment, or reply to a tweet, is your profile thumbnail.

If they like what you are tweeting about, the next step they will take is hovering over your photo thumbnail. This will allow them to check out your X (Twitter) bio without clicking on your profile.

That is why you must pay attention to your X profile image and what you write in your bio. You even have to consider the company logo size.

Since 2017, Twitter profile pictures have switched from square to round shapes. Twitter uses a circular mask on images, meaning the square photo avatar you use for your profile picture should follow a 1:1 aspect ratio.

The recommended correct size dimensions for the perfect square images of the Twitter profile pictures are 400 pixels wide x 400 pixels tall. The profile picture size and file type are also crucial. The maximum size of the file should be 2MB.

Similar to the header photo, the permitted formats for your profile picture are JPG, PNG, and GIF.

Pro tips:

Use the same profile picture

We recommend using the same profile picture across all social media accounts you may have. This will ensure that your profile will be easily recognizable across all platforms.

People who follow you on other social media channels such as Facebook or Instagram will instantly find your profile if you use the same profile picture everywhere.

Being consistent with the image you use on your profile picture will improve your brand recognition. If you already have a cool photo or brand image on your YouTube channel, you can reuse it here since X also has a round thumbnail icon.

This tip is not as relevant for the banner image as you can use different banner images for various channels, depending on the different purposes of each channel.

Show your beautiful smiling face

Unless you represent a business, we would not recommend using logos or quotes in your profile photo. A full-face photo with a clear or simple background will add that human touch and bring you closer to your audience.

Select different screen sizes

Select a profile photo that works well on various screen resolutions, screen sizes, and devices. If you want to add a logo to your profile photo, use the thumbnail previews to make sure no branding elements are cropped out.

You can also use the preset template in Linearity Curve to get your X image size just right. No need to start everything from scratch. Use Linearity Curve to easily design your profile photo and save precious time, which you can use to make your graphic elements even more unique.

Twitter image post size

After covering the optimal banner size and profile photo for your X page, it’s time to talk about how to post correctly sized images with the correct Twitter image size for tweets.

Even though X doubled its character count from 140 to 280, this new character limit might not be enough to communicate what you have to say or show.

That’s when attaching images to your tweets becomes the perfect solution to convey more information or simply share something you have been working on via several photos.

As you may know already, X allows up to four photos per post. We will later see how people have used their creativity to make the most of those four photos when posted in a single tweet.

Recommended dimensions

First things first: 2:1 is no longer the correct image aspect ratio for your X news feed. The right aspect ratio is now 16:9. The minimum size is 600 pixels wide x 335 pixels tall. For larger images, the ideal image size is 1200 pixels wide x 675 pixels tall.

If you post the photos directly from X, the maximum file size allowed is 15MB. Keep in mind that BMP or TIFF files are not allowed. Only PNG, JPEG, and GIF formats are permitted at the moment.

As of April 2021, if you upload images that do not comply with the 16:9 aspect ratio, X will crop parts of them (both on mobile and desktop).

Pro tips:

Use a private X account to test

We would recommend using a private X account to test out the images you use for your tweets before publishing them for the world to see. It might seem like adding a bit of extra effort, but it will be worth it in the end.

Test on various screen sizes

Use the private account on various devices to check how the images will show on multiple screen resolutions as well. Use the correct image type as well.

Check the crop

X may “crop” some parts of the images when you add multiple images simultaneously. So make sure you include essential visual elements and content in the center of the photos, so they won't get “left out” when included in a multiple photo grid.

Check aspect ratios when uploading more than one image

When you upload more than one image, the image content will be stacked differently and appear with different aspect ratios.

  • When you tweet two images, they will be stacked side by side. Both will have a 7:8 aspect ratio.
  • When you tweet three images, one of the images will appear larger than the other two and have an aspect ratio of 7:8. The other two will be stacked side by side and appear in a 4:7 aspect ratio.
  • When you tweet four images, which is the maximum number of photos Twitter allows you to post at the same time, the four images will be arranged in a 2 x 2 grid. Each of the photos will appear in a 2:1 aspect ratio.

As promised earlier, here is a fun and creative way to use four images simultaneously. As shown above, you can create funny memes using multiple photo posts.

Achieving such results on the first try will take some practice since you need to understand how Twitter crops the photos. One easy way to do this is to use Linearity (formerly Vectornator)’s integrated templates to design your next tweetable image.

Make sure you share your results tagging @linearityhq on Twitter. We are looking forward to seeing some funny compositions.

Get creative
with our ready-to-use templates.

Linearity Curve offers templates for every
social media platform and various
use case templates for posters, business
cards, slides, app store screenshots,
and more.

To maintain a brand's visual continuity, companies, and Twitter users may have to post different types of content. They might also need to use various Twitter features such as Twitter cards and Twitter Moments.

Sometimes, you may also need to use Twitter Ads to achieve your marketing goals. This is where it gets tricky.

When it comes to running Twitter Ads and promoted posts, there are different design spaces that social media marketing designers have to fill in.

Recommended dimensions for visual content used on ads differ from what we discussed above. And it also varies for different types of ads.) you want to run, such as standalone image ads, video ads, carousel ads, and so on.

Twitter recommends using a minimum width of 600 pixels for standalone image ads. It does not limit you in terms of height. However, Twitter will crop the image to achieve a 1:1 aspect ratio if the height exceeds the width. The maximum file size allowed is 3MB.

Ready to create brand assets that pack a punch?

Visit our Academy to learn how to use color palettes.

Ready to pull off the perfect Twitter profile?

Now that you know how to use the correct sizes for your Twitter profile with our image size guide, we encourage you to start designing your profile and tweet your design to us @LinearityHQ. Don't choose a generic image, create one yourself.

If you want to have an easy start and skip the manual creation of templates, you can simply use the built-in Twitter templates in our graphic design software Linearity. Then, easily export from Linearity right in the PNG format that Twitter needs.

You don't need to be an expert with complicated design tools to pull off the perfect Twitter profile. You shouldn't worry about having a blank canvas, either.

With Linearity's templates, Unsplash free stock photo library, and search engine, you'll always have plenty of graphic elements to kick off your design. All in one editing tool.

Key takeaways

Navigating the realm of social media image sizes can seem daunting since each platform, from Instagram Stories to Twitter Cards, has unique requirements that significantly influence the impact of visual content.

For instance, Instagram Stories thrive on vertical images with an aspect ratio of 9:16, while Twitter Cards prefer a more panoramic view with an aspect ratio of 2:1.

These nuances in image sizes and aspect ratios are not just technicalities; they play a pivotal role in a brand's marketing strategy, capturing the ever-diminishing attention span of audiences.

For blog posts and social platforms, thumbnail image sizes and cover images are equally crucial. A compelling cover image on a personal profile or a business page, adhering to the platform's cover image size guidelines, sets the tone for the viewer's experience.

On the technical front, understanding file formats and the minimum resolution is essential. JPEGs and PNGs are commonly used image files, each serving a purpose, be it a smaller file size or higher quality with transparency.

When it comes to digital advertising, sizes for ads vary. An ad designed for Facebook might not fit the aesthetic or dimensions required for an Instagram feed. App card images and card image sizes for promotional content need to be tailored to specific dimensions to ensure optimal display and audience engagement.

For business purposes, company photos, and especially banner images, are not just decorative elements. They are strategic tools that reflect the brand's identity. The right banner image size can enhance a marketing campaign, making it more effective.

Similarly, the types of images used, be it for a product display or a company event, must align with the brand's messaging and ethos.

Content creators, illustrators, and graphic designers need to be particularly mindful of the maximum image size and the file size limit imposed by social platforms.

The right social media post sizes can mean the difference between content that resonates and engages and content that is easily overlooked.

Jumpstart your ideas with Linearity Curve

Take your designs to the next level.

Graphic Optimal Image Size Maximum File Size
Profile Banner 1500 x 500 pixels 5MB
Profile Photo 400 x 400 pixels 2MB
Image Post 1600 x 900 pixels 15MB

Share this!

Benjamin Barnhart

Ben is the Marketing Manager at Linearity in Berlin, with extensive experience in content writing. He blends his passion for animation and history to develop impactful marketing strategies.

Get started
with Linearity today.

Linearity runs on iPadOS 14 & iOS 14 and later, or macOS Big Sur and later (with native M1 support).

Get started for free