Sociale medier

Twitter image size and X post designs that get noticed

On X the words come first and the image has to earn its place beside them. Here are the sizes, how the timeline crops, and designs that add something the text can't.

GradientlyVerificeret Gradiently-konto··5 min. læsning
Forside: Cork Screen · GR·YV77·81

Denne guide findes ikke på dit sprog endnu, så her er den på engelsk.

Kort fortalt

  • The best Twitter image size for a single landscape image on X is 1600×900 pixels, a 16:9 shape.
  • A portrait image at 1080×1350 takes up more of a phone screen but may be cropped in the timeline preview, so keep the key content in the middle.
  • When a post has two, three or four images, X arranges them in a grid and crops each one, so multi-image posts need simple, centred designs.
  • Images on X work best when they add something the post's text can't, such as a visual, one strong line or a card that makes an announcement recognisable.
  • The X header image is 1500×500 pixels, and the profile photo overlaps its lower left.
På denne side

The best Twitter image size for a single image on X is 1600×900 pixels, a 16:9 landscape that the timeline shows in full on phones and desktops. For more height on a phone, use a 1080×1350 portrait, knowing the preview may crop it. The profile header is 1500×500. Those three sizes cover almost everything you will post.

Post 1600×900

1600 × 900

Portrait 1080×1350

1080 × 1350

Header 1500×500

1500 × 500

The three image sizes for X, to scale. The 16:9 post is the safe default.

How X shows images in the timeline

A single 16:9 image appears whole. Taller images are shown larger on phones but can be trimmed in the preview until someone taps to open them, so anything important near the top or bottom edge risks being hidden. With more than one image, X lays them out in a grid and crops each tile to fit.

Images in the postHow the timeline shows themDesign for
OneLarge, landscape shown whole, tall images may be trimmed16:9 at 1600×900, or portrait with a safe middle
TwoSide by side, each cropped to a tall shapeCentred content with wide margins
ThreeOne large on the left, two stacked on the rightThe key image first, simpler ones after
FourA two by two grid, each croppedFour simple, centred compositions
How multi-image posts are laid out. The more images, the tighter each crop, and the less text each image can safely carry.

Text-light images that add something

X is a text-first network. The post already carries your words, so an image that repeats them in a picture adds little. The images that work bring something new: a visual people want to look at, one short line set with weight, a number, or a recognisable card that marks the post as important.

Adds little

  • A screenshot of a paragraph
  • The post's text again, in an image
  • Ten facts crammed into one card
  • A generic stock photo

Earns its place

  • One line, large, that the text expands on
  • A single number with what it measures
  • The product, a result or a before and after
  • A card in your look that people recognise

Announcement cards for X

For launches, releases and news, a consistent announcement card helps a post stand out as the news rather than one more update. Use the 16:9 shape, put the headline on the left or centre, and keep supporting details short, because the post text will carry the full story and the link. For the hierarchy of the words themselves, see how to design an announcement post.

Announcing
Version 2 is here.
Faster exports, a new editor, and dark mode.
Gradiently · @gradiently

A 1600×900 card: shown whole in the timeline, headline readable at a glance.

The portrait version: more presence on a phone, with the words kept in the middle in case of a crop.

Posts that share a link without an image show the page's Open Graph image instead. Make sure that preview carries the same look as your card; OG image size covers the tags and the 1200×630 layout.

Designing for light and dark themes

People read X in a light theme, a dark theme or a dim one, and your image sits on whichever they chose. An image with a white background melts into the light theme and glows harshly in the dark one. An image with a near-black ground does the reverse. A full-bleed colour field with defined edges looks deliberate on all of them.

Fields that hold their shape on both light and dark timelines: each runs from a deep tone to a clear light one, so the image never blends into either theme.

For more on how colour behaves on dark interfaces, see dark mode design.

The X header image

The header is 1500×500, a 3:1 banner. Your profile photo overlaps its lower left, and phones show it smaller and can trim its edges. Keep it simple: your look, perhaps one short line placed centre or right, nothing important in the lower-left corner. Twitter header size goes through the layout in detail.

Weekly, since 2024
Field notes on colour
Gradiently · @gradiently

A header with its words in the centre and the lower left left free for the profile photo.

Exporting and posting images on X

  1. 1

    Export at the listed size

    1600×900 or 1080×1350, so X scales down, never up.

  2. 2

    Choose the right format

    PNG for type and flat colour, high-quality JPEG for photos. Add light grain to smooth gradients so compression doesn't band them.

  3. 3

    Write an image description

    X lets you add a description to each image. Write what the image says and shows, so screen reader users and search get the same message.

  4. 4

    Check it on a phone

    Look at the post in the timeline on a phone, in both light and dark themes, before you pin it.

If you post the same news on Instagram, LinkedIn and X, design it once and lay it out again for each shape. The full list of shapes is in social media image sizes, and for a launch, launch day graphics lists every asset you will need.

Spørgsmål, folk stiller

What is the best image size for X (Twitter)?

1600×900 pixels for a single landscape image, which the timeline shows in full. Use 1080×1350 for a portrait image with the key content kept in the middle.

Why is my image cropped on X?

Tall images may be trimmed in the timeline preview, and posts with two to four images crop each one into a grid. Keep words and faces in the centre.

What size is the X header?

1500×500 pixels. The profile photo overlaps its lower left, so keep important content away from that corner.

Should X images contain text?

A little. The post already carries your words, so an image works best with one strong line, a number or a recognisable card rather than a paragraph.

Del denne guide

Skrevet af GradientlyVerificeret Gradiently-konto

Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.

Se vores profil