Aller au contenu principal

Twitter Header 1500×500

An X header is 1500 by 500 pixels at 3:1. The profile picture overlaps its lower-left corner and the bio block cuts into the bottom edge on mobile, so this page draws both while you crop and exports the exact frame locally.

100 % local

L’interface de cet outil est en anglais.

Drop a PNG, JPG, WebP or GIF

or drop anywhere on this page · Choose a file · 100 MB

Le guide ci-dessous n’est disponible qu’en anglais.

Twitter Header 1500×500 explained

The header on X is a 3:1 strip, 1500 by 500 pixels, sitting behind the top of a profile. It is one of the few social images whose ratio is genuinely wide, and one of the few where the platform's own interface takes a substantial bite out of it.

The profile picture overlaps the lower-left corner as a circle. On a phone the profile card slides up over the bottom of the header as well, so the usable band is shorter than 500 pixels suggests. Between them, the bottom-left quadrant is unreliable.

This page holds 1500 by 500, draws the avatar circle and marks the band the profile block covers, and exports the exact file. Everything happens in your browser.

Bluesky uses the same 3:1 shape at a larger size, so the Bluesky banner resizer reuses the crop you make here.

If the export is heavier than the upload limit allows, the Compress Image tool will take it to a size you name.

The header and the images around it

Three images make up a profile and only one of them is this strip.

ImageSizeShapeNote
Header1500 × 5003:1Behind the top of the profile
Profile picture400 × 400CircleOverlaps the header's lower left
Link preview card1200 × 6281.91:1For links you post, not the profile

What the interface covers

Two overlaps, and the mobile one catches people out because it does not exist on desktop.

The avatar circle sits over the lower-left corner on every layout. On a phone the profile card — name, handle, bio, follower counts — is drawn higher, taking a band off the bottom of the header that a desktop browser leaves visible.

  • Lower-left corner: the avatar circle, on every device.
  • Bottom band: the profile card on mobile layouts.
  • Upper right: reliably visible everywhere — put the message there.
  • Extreme left and right edges: cropped on narrow windows, since the header fills the width.

Designing a 3:1 strip

Three to one is wide enough that most photographs need a deliberate crop rather than a centred one. Landscape scenery, a repeating pattern or a wordmark with space around it all suit the shape; a portrait photograph does not.

Text on a header is rarely worth it. The strip is rendered a few hundred pixels wide on a phone, and the bio directly beneath it already carries whatever the text would have said, in a font the platform controls and a size that is always legible.

Format and file size

JPEG for photographic headers, PNG for flat colour and lettering. X re-encodes uploads for delivery and enforces its own file size limit, so a clean high-quality source is better than a maximal one — supplying something already heavily compressed just stacks two rounds of artefacts.

Frequently asked questions

What size is an X header image?

1500 by 500 pixels, a 3:1 strip. It sits behind the top of the profile, with the circular profile picture overlapping its lower-left corner. Uploading at exactly this size means no crop happens and you keep the composition you chose.

Why is part of my header hidden on mobile?

Because the profile card — name, handle, bio and counts — is drawn higher on a phone than on desktop, taking a band off the bottom of the header. The preview marks that band so anything important can be kept above it.

Where does the profile picture sit on the header?

Over the lower-left corner, as a circle overlapping the header's edge. It is drawn on every layout, so the bottom-left area of a header is never fully visible. Keep logos and any text in the upper right instead.

Should I put my name or handle on the header?

Usually not. The profile card immediately below already shows both, in a typeface the platform controls at a size that is always readable. Repeating them on the strip uses the only space you have to say something the reader can already see.

Why do the edges of my header get cropped?

The header fills the width of the profile column, so on a narrow window it is scaled to that width and the extreme left and right can fall outside. Keep the composition central and treat the outer edges as bleed rather than as content.

Is my header uploaded when I crop it here?

No. The crop and the export run entirely in this browser tab and there is no server on this site to receive an image. You upload the result to X yourself, and the Network panel stays empty while this page does its work.