Twitter (X) Header Size 2026: Exact Dimensions, Safe Zones, and How to Stop Your Banner Looking Broken
The official spec is 1500 × 500 px. The actual usable area is smaller, the profile picture eats the corner, and mobile crops it differently. Here’s everything you need to design a header that looks good everywhere.
If you’ve ever uploaded a header image only to find your logo half-covered by your profile picture, your text cut off on mobile, or your carefully designed banner mysteriously squished — you’re running into the same problem everyone runs into: the dimensions X gives you aren’t the dimensions you can actually use.
This guide covers the official spec, the real spec (what’s actually visible across devices), the safe zones to design around, and a practical workflow for getting it right the first time.
The quick answer
Twitter (X) header size: 1500 × 500 pixels, 3:1 aspect ratio, max 2 MB, JPG or PNG.
That’s the official spec. If you just need a number to feed into Canva or Photoshop, that’s it.
The longer answer — and the part that determines whether your header actually looks good — is below.
The official X header specs (2026)
| Spec | Value |
|---|---|
| Dimensions | 1500 × 500 px |
| Aspect ratio | 3:1 |
| Maximum file size | 2 MB |
| Supported formats | JPG, PNG, GIF (static — animation not supported) |
| Color profile | sRGB |
| Display location | Top of profile, full width |
A few notes on these:
1500 × 500 is the recommended upload size, not the maximum. You can upload larger images and X will scale them down — but compression artifacts get worse as the source resolution drops. Don’t upload smaller than 1500 × 500.
Animated GIFs don’t work for headers, even though GIF is technically a supported format. X will use only the first frame. (Animated profile pictures are possible with X Premium, but headers stay static for everyone.)
The 2 MB limit is strict. Larger files get rejected or aggressively compressed. If your design is photo-heavy, export at 80–90% JPG quality to stay under the limit while keeping it sharp.
The real safe zones (this is what most guides skip)
The 1500 × 500 dimension box is the canvas. The visible, content-safe area is much smaller, because three things happen to your header after you upload it:
1. Your profile picture overlaps the bottom-left corner. On desktop, your profile photo sits roughly 20 px from the left edge and partially covers the bottom of your header. The exact overlap is about 220 × 220 px in the bottom-left corner.
2. The top and bottom edges may be cropped. Depending on the device and browser window aspect ratio, X may crop the top ~60 px and bottom ~60 px to fit different screens. Anything in those zones can disappear.
3. Mobile displays differently. On mobile, the profile picture sits lower and slightly more to the left. Vertical cropping is also more aggressive. A header that looks fine on desktop can look broken on a phone.
Here’s the practical safe zone for content (text, logos, faces — anything you want visible everywhere):
| Zone | Avoid |
|---|---|
| Top 60 px | Edge-cropping on tall screens |
| Bottom 60 px | Edge-cropping on wide screens |
| Bottom-left 220 × 220 px | Profile picture overlap |
Which leaves a usable content area of roughly 1500 px wide × 380 px tall, with a chunk missing from the bottom-left. Center your important content. Keep at least 100 px of breathing room on every side.
The simple rule: design for the center, not the edges
Most professional X headers do one of three things:
1. Centered text on a clean background. Logo, tagline, or single message centered both horizontally and vertically. Background extends to all four edges (with safe-zone padding) so cropping doesn’t remove anything important. Works on every device.
2. Asymmetric layout that respects the profile picture. Important content in the center or right half of the image. Bottom-left intentionally left empty or filled with low-priority decorative content (gradients, patterns, blurred imagery).
3. Wide background with no specific focal points. A scenic photo, abstract pattern, or color gradient that looks fine even with the profile picture overlapping. The image doesn’t need a perfect focal point — it just needs to set a tone.
If you can’t make your design fit one of these patterns, the design is the problem, not the dimensions.
How to upload or change your X header
The mechanics are simple, but worth a quick walkthrough.
Desktop:
- Go to x.com and log in.
- Click your profile (left sidebar or your handle).
- Click Edit profile.
- Click the camera icon on the header image area.
- Select your file from your computer.
- Drag to position, then click Apply.
- Click Save.
Mobile (iOS and Android):
- Open the X app and tap your profile.
- Tap Edit profile.
- Tap the camera icon on the header.
- Choose Upload photo, Take photo, or Remove.
- Position the image in the crop tool.
- Tap Apply, then Save.
The change is live within seconds. No notifications go to your followers — they just see the new banner the next time they visit your profile.
Why your header keeps looking broken (common mistakes)
Five problems that account for most “why does my header look bad” questions:
Problem 1: Logo or face in the bottom-left corner. This is the most common mistake. The profile picture eats this zone. Move anything important to the center or right.
Problem 2: Text too close to the top or bottom edge. Edges get cropped depending on screen aspect ratio. Keep text at least 60 px from the top and 60 px from the bottom.
Problem 3: Designing at a smaller resolution and scaling up. Anything smaller than 1500 × 500 will pixelate or look soft once X compresses it further. Always design at full resolution or larger.
Problem 4: Heavy compression making the file under 2 MB. If your header looks blocky, banded, or muddy, your JPG compression is too aggressive. Try 85–90% quality. If you’re still over 2 MB, switch to PNG and downsize the dimensions slightly (still keeping 3:1 ratio).
Problem 5: Designing only for desktop. Always preview on mobile. Open your profile in the X mobile app right after uploading. If the layout breaks, redesign with more padding and centered content.
Header file format: which to use
JPG for photographic backgrounds, gradients, and full-frame imagery. Smaller file size, slightly worse on hard edges.
PNG for logos, text, and graphics with sharp edges. Larger file size, but text stays crisp.
GIF technically works but X uses only the first frame. No reason to use this format unless you’ve already got a GIF and don’t want to convert it.
For most headers — especially branded ones with logos or text overlay — PNG produces noticeably cleaner results. If you’re up against the 2 MB ceiling and your design is photo-heavy, switch to JPG at 85%.
What makes a header actually drive follows
This is the part nobody on the SERP covers, and it’s the only reason headers matter for growth.
A scroll-by visitor sees three things in the first second on your profile: your profile picture, your display name, and your header. The header is the largest piece of visual real estate by a wide margin, and its job is to answer one question for the visitor:
“Why should I follow this person?”
If your header doesn’t answer that question, you’re wasting 750,000 pixels of prime conversion space on decoration.
The headers that actually convert visitors into followers fall into a few patterns:
Identity headers. A clear photo, name, and one-line value proposition. Works for personal brands. “I write about [niche] for [audience].”
Proof headers. Logos, publication mentions, follower count milestones, or product screenshots. “As featured in X, Y, Z.” or “Helping 10,000+ [audience] do [thing].”
Offer headers. A specific call-to-action. “Get my free guide on [topic] — link in bio.” This works if your bio link delivers on the promise.
Atmosphere headers. Pure aesthetic — a scenic photo, a textural background — that signals taste and personality without saying anything explicit. Works for creative niches where the vibe is the value proposition.
Decorative headers — generic stock photos, abstract patterns with no message, or screenshots of nothing in particular — convert worst because they fail to answer the “why follow” question.
If you’re going to spend the time perfectly sizing your header, spend the same time making it say something.
Design tools and templates
You can make a properly sized X header in pretty much any design tool with a custom canvas:
- Canva has pre-sized X header templates (free tier covers most needs)
- Figma for designers who want full control
- Photoshop / Photopea (the latter being free) for advanced editing
- Adobe Express, Snappa, PicMonkey all offer pre-sized templates
- For the actual design creation part — picking a template, generating one with AI, or starting from scratch — see our guide to the best Twitter header makers.
If you just want a starting canvas: open any image editor, set the canvas to 1500 × 500 px, and place a faded rectangle in the bottom-left 220 × 220 px corner to remind yourself where the profile picture will land.
FAQ
What is the recommended Twitter (X) header size? 1500 × 500 pixels (3:1 aspect ratio), maximum 2 MB, JPG or PNG format.
What size is a Twitter banner in 2026? Same as the header — these are the same thing. Some articles call it a banner, some call it a header. X officially calls it a header. Dimensions are 1500 × 500 px.
Why does my Twitter header look blurry? Three common reasons: (1) you uploaded a smaller image and X scaled it up; (2) heavy JPG compression to fit under 2 MB; (3) the design contains fine details that don’t survive X’s own server-side compression. Fix: design at exactly 1500 × 500 or larger, export at 85%+ JPG quality, and avoid fine text or 1px lines.
Why does my Twitter header look different on mobile vs desktop? The profile picture sits in different positions on each device, and mobile crops more aggressively top-to-bottom. Design with centered content and at least 60 px of padding on the top, bottom, and edges to ensure consistent appearance.
Can I use an animated GIF as my Twitter header? No. X uses only the first frame of an animated GIF for the header. For headers, stick to static JPG or PNG.
What’s the maximum file size for a Twitter header? 2 MB. Larger files are rejected. If your file is too large, reduce JPG quality to 85% or convert to a more efficient format.
How often should I change my Twitter header? There’s no rule. Some accounts never change theirs and it’s fine; others rotate seasonally or for product launches. Headers don’t drive growth on their own — content does — so changing frequency is mostly aesthetic.
Do I need X Premium to upload a custom header? No. Custom headers are free for all accounts.
What’s the X profile picture size, while we’re at it? 400 × 400 px (1:1 square), max 2 MB. Displayed as a circle, so design with circular cropping in mind.
The bottom line
The number you’re looking for is 1500 × 500 pixels, 3:1 ratio, under 2 MB, JPG or PNG. The number that actually matters is the content-safe area — roughly 1500 × 380 px with the bottom-left 220 × 220 px corner reserved for the profile picture. Design for that smaller area, center your important content, and preview on mobile before you call it done.
And once your header is sized right, give it a job. The biggest wasted opportunity on most X profiles isn’t the dimensions — it’s spending 750,000 pixels saying nothing about why someone should hit follow. For more on what actually grows accounts, see our guide to getting more Twitter followers or browse tweetranking.com to see how your tweets rank against others in your niche.