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.
A interface desta ferramenta está em inglês.
Drop a PNG, JPG, WebP or GIF
or drop anywhere on this page · Choose a file · 100 MB
O guia abaixo está disponível apenas em inglês.
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.
| Image | Size | Shape | Note |
|---|---|---|---|
| Header | 1500 × 500 | 3:1 | Behind the top of the profile |
| Profile picture | 400 × 400 | Circle | Overlaps the header's lower left |
| Link preview card | 1200 × 628 | 1.91:1 | For 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.
Which related tools should I use next?
- Bluesky Banner SizeBluesky banner at 3000×1000 with the avatar overlap marked — crop and export both run locally.Open
- YouTube Banner Safe Zone ToolChannel art on the 2560×1440 canvas with the tablet and mobile safe zones drawn, so your name survives a phone.Open
- Discord Profile Banner SizeCrop to Discord's exact 600×240 profile banner at 5:2, with the avatar and username block drawn where they will sit.Open
- Twitch Banner 1200×480The exact 1200×480 profile banner, with the safe area for the profile picture and channel name drawn over the preview.Open
- Crop ImageDrag or type a rectangle; the pixels kept are untouched.Open
- Creator ToolsResize and optimize banners, avatars, emotes and covers for every platform.Open