X (Twitter) Header Size (2026)

The X (formerly Twitter) header photo size is 1500 x 500 pixels, a 3:1 aspect ratio, and the file should stay under 2 MB. X accepts JPG, PNG, and GIF. That wide, short banner sits behind the top of your profile, and two things overlap it: your circular profile picture anchors the lower-left corner, and on mobile your display name and bio can spill over the bottom edge. Design around those two obstructions and your header looks clean on every device.

The 3:1 shape is unusually wide, so a photo that looks balanced in a normal frame often feels cramped once it is squeezed into 1500 x 500. The trick is to treat the header less like a photograph and more like a layout with known “dead zones” – the lower-left where the avatar lands and the bottom strip where text may appear. This guide covers the exact spec, how the overlaps behave, and how to design a header that survives cropping on both desktop and mobile.

Why 1500 x 500 and 3:1

X displays the header as a full-bleed strip across the top of your profile. At 1500 x 500 the image is sharp on standard and most high-density screens without being a heavy file. The 3:1 aspect ratio (1500 divided by 500) is what matters most – as long as you keep that ratio, X scales the image to fit different screen widths. Upload something that is not 3:1 and X will crop it to fit, usually trimming the top and bottom and leaving you with less control over what shows.

Keeping the file under 2 MB matters for upload reliability and fast loading. A 1500 x 500 JPG at reasonable quality is typically a few hundred kilobytes, so hitting 2 MB usually means an uncompressed PNG or an animated GIF that is too heavy. If you need an animated header, watch the size closely.

The profile picture overlaps the lower-left

Your profile picture – on X, a circle – sits on top of the header’s lower-left area, straddling the boundary between the header and the content below it. That circle covers a meaningful chunk of the bottom-left corner, so never place a logo, face, or important text there. If you do, the avatar will sit right on top of it.

The safest composition puts your focal point in the upper-right or center-right of the header, where neither the avatar nor the bio text reaches. Think of the lower-left as permanently occupied real estate and build the rest of the design around it.

On mobile, the bio can cover the bottom

Desktop and mobile display the header differently. On the X mobile app, your display name, handle, and often part of your bio render over the lower portion of the header image, usually with a subtle gradient to keep the text readable. That means the bottom strip of your 1500 x 500 image is partly obscured on phones even though it is fully visible on desktop.

Because most people view profiles on mobile, plan for this: keep any text or detail you need visible out of the bottom band. A busy, high-contrast bottom edge fights with the overlaid name and bio and makes both hard to read. A simpler, darker, or lower-detail bottom area lets the overlaid text sit cleanly.

It is also worth knowing that desktop and mobile do not reveal identical crops. Desktop tends to show the header close to its full 3:1 shape, while the mobile app can trim a little off the top and bottom to fit the screen and then lay text over what remains. The amount trimmed is modest, but it is enough that a design relying on content right at the top or bottom edge can look fine on a laptop and wrong on a phone. Keeping your focal elements away from all four edges – not just the lower-left – is the simplest way to make one image behave on both.

Mapping the safe zone

Putting the two overlaps together gives you a practical map of where to place content:

How to upload your header on X

1. Open your profile and tap or click Edit profile.
2. Select the header (the wide banner area) and choose Upload photo.
3. Use the reposition and zoom controls to frame the image inside the 3:1 window.
4. Confirm, then Save. The new header appears across desktop and mobile.

If your source image is not already 3:1, resize or crop it before uploading so you control the framing rather than letting X decide. An image resizer set to 1500 x 500 gets you there quickly, and an aspect ratio calculator confirms you are locked to 3:1.

Format, compression, and quality tips

• JPG is the default choice for photographic headers – small files, good quality, well under 2 MB.
• PNG suits flat-color designs, gradients, and sharp text or logos where you want crisp edges.
• GIF is accepted and can animate, but animation plus the 2 MB ceiling leaves little room, so keep frames minimal.
• Export in sRGB so colors look the same on X as they do in your editor.
• Design at exactly 1500 x 500 rather than scaling up a smaller image, which introduces softness.
• If your header includes text, make it large and bold – at the header’s short height, small type becomes unreadable the moment the image scales down on a phone.
• Preview the exported file at a small size before uploading, since the header is often first seen in a compact profile card rather than at full width.

Best practices for a header that works everywhere

Because the header is so wide and partly covered, restraint wins. Keep the composition simple, lead with one clear focal point in the unobstructed right side, and use your brand colors so the header ties into your profile picture and posts. If you include a wordmark or tagline, right-align it and keep it clear of both the avatar and the bottom bio band. Test the result by viewing your own profile on a phone – if your name and bio sit cleanly over the image and nothing important is hidden behind the avatar, you have it right.

How it relates to your other profile images

Your header and avatar are a pair, so coordinate them the way you would a YouTube banner and channel icon. Matching color palettes and style across both makes your profile read as a deliberate brand rather than two unrelated images. If you manage profiles on several platforms, keeping a consistent look across your X header and other profile images helps people recognize you instantly as they move between networks.

Common mistakes and fixes

“My logo is hidden behind my profile picture.” It was in the lower-left. Move it to the upper-right and re-upload.

“My header text is unreadable on mobile.” It sat in the bottom strip where the bio overlays. Raise the text or clear the bottom band.

“My image looks stretched or badly cropped.” It was not 3:1. Resize to 1500 x 500 before uploading so the proportions match.

“The upload failed.” The file likely exceeded 2 MB or was an unsupported format. Re-export as a compressed JPG or PNG under the limit.

Respect the 1500 x 500 canvas, keep the lower-left and bottom edge clear, and your X header will look polished whether someone finds you on a laptop or scrolls past on their phone.