The short version: your X header should be 1500 x 500 pixels, saved as a JPG or PNG under 2MB, with your important content kept inside the centre 1200 x 400 safe zone because the edges get cropped on mobile. Get those three numbers right and your banner will stop looking stretched, blurry or chopped off on phones.
The exact dimensions you need
X has fiddled with its upload system so many times over the years that half the guides floating around the internet are out of date. Here's what works on the platform as it stands in 2026.
- Upload size: 1500 x 500 pixels (this is the canvas you design on)
- Safe zone for text and logos: 1200 x 400 pixels, centred
- File format: JPG or PNG (PNG if your design has sharp text or a transparent logo)
- Max file size: 2MB on mobile upload, slightly more on desktop, but staying under 2MB avoids compression artefacts
- Aspect ratio: 3:1
That 3:1 ratio is the bit people forget. If you upload something that isn't close to 1500 x 500, X will crop it automatically to fit, and you lose control over what gets cut. I've seen banners where someone's face is sliced in half because they uploaded a square-ish image and let the platform decide the crop for them.
Why the "safe zone" matters
This is the part most size guides skip entirely, and it's the reason so many headers look amateurish even when the pixel dimensions are technically correct.
On desktop, X shows your full 1500 x 500 header. On mobile, the app crops the sides and shows roughly the centre 1200 x 400 area. Since most people scroll Twitter/X on their phone, that means anything in the outer 150 pixels on either side is essentially invisible to the majority of your audience. Put your logo, your tagline, or your call to action anywhere near those edges and most viewers will never see it.
A worked example
Say you run a small SaaS company called FlowDesk and you want your X header to promote a free trial. You design a banner that's 1500 x 500, with "Start your free trial" written in bold text positioned 50 pixels from the left edge and your logo tucked into the top right corner, also close to the edge.
On desktop it looks sharp. On mobile, because the app crops roughly 150 pixels off each side, your "Start your free trial" text gets sliced in half and your logo disappears entirely. The fix is simple: redo the layout so the text sits centred within that 1200 x 400 safe zone, with at least 50 pixels of breathing room inside that boundary too. Now the message survives the crop on every device, and the empty space at the far edges becomes background colour or a subtle gradient rather than content you need people to read.
Step-by-step: building a header that won't break
- Open a 1500 x 500 pixel canvas in Canva, Figma or Photoshop.
- Draw a guide box at 1200 x 400, centred on the canvas, and treat it as your working area for text and logos.
- Keep anything decorative but non-essential (background photos, colour blocks, patterns) in the outer 150-pixel margin on each side.
- Export as PNG if your design has crisp text or needs transparency, or JPG if it's a photo-heavy banner, to keep the file size manageable.
- Check the file is under 2MB before upload. If it's bigger, re-export at 80 to 90 percent JPG quality rather than scaling the dimensions down.
- Upload and preview on both desktop and your actual phone before you consider it finished. Don't trust the preview inside the upload tool alone, open your real profile in the X app.
The uncomfortable truth about header design
Most people spend far more time getting the pixel dimensions right than thinking about whether the header needs to say anything at all. A header with your logo, a generic strapline and a stock gradient isn't doing a job for you. It's wallpaper. Nobody follows you because your banner was 1500 x 500 pixels and technically correct.
If you're going to put effort into this, put it into the message, not just the measurements. A header that states clearly what you do, who you help, or what's currently happening (a launch, an event, a free resource) earns more attention than a perfectly cropped logo on a plain background. Compare it to how you'd think about image sizing for regular X posts, where the content in the frame matters as much as the frame itself.
Want AI doing the heavy lifting in your marketing?
I build the systems that handle the boring 80 percent, so you get your week back. Done properly, with the human kept in.
Common mistakes that ruin headers
- Uploading a screenshot of an old banner instead of the original file, which adds a layer of compression on top of compression and makes text fuzzy.
- Designing on a phone screen and never checking how it looks on a wide desktop monitor, where the full 1500 x 500 is visible and badly stretched elements become obvious.
- Using text that's smaller than 24px at the 1500 x 500 scale, which becomes unreadable once the image compresses on upload.
- Ignoring the profile photo overlap. Your profile picture sits on top of the bottom left corner of your header on both desktop and mobile, so never put important text or faces behind where that circle lands.
- Forgetting dark mode and light mode. A white logo on a white background disappears for users who still browse in light mode, and vice versa. Test both.
Where this fits into your wider profile
Your header isn't a stand-alone decoration, it's one part of a profile that includes your bio, pinned post and feed, and it should work with those rather than repeat them. If your bio already states what you do, use the header for something your bio can't show, like a visual proof point, a current offer, or a photo that makes you look like a real person rather than a logo. This matters more on X than on most platforms because, unlike LinkedIn, where your banner sits below a more detailed profile, X puts the header front and centre with very little text around it to add context.
If you're managing headers and visuals across several platforms at once, it's worth building a simple content calendar so you're not redesigning banners from scratch every few months. Tools that help with planning and even generating draft visuals are covered in more detail in the rundown of AI marketing tools worth using in 2026, several of which now handle resizing a single design across platform dimensions automatically, which saves a fair bit of manual exporting.
How often should you update it
There's no fixed rule, but a header that hasn't changed in two years signals a profile nobody's paying attention to. I'd treat it the same way you'd treat any piece of content in your wider marketing strategy: update it when something changes, a rebrand, a new offer, a launch, a seasonal campaign, rather than on an arbitrary schedule. Three or four updates a year is realistic for most small businesses and solo founders without it becoming a chore.
Frequently asked questions
What is the exact pixel size for an X (Twitter) header in 2026?
1500 x 500 pixels is the upload size, with a safe zone of roughly 1200 x 400 pixels where your important text and logos should sit so nothing gets cropped on mobile.
Why does my X header look blurry after uploading?
This is almost always caused by uploading a file that's too small for 1500 x 500 and getting stretched, or a file over 2MB that gets heavily recompressed. Export at the correct size first, then check the file is under 2MB using 80 to 90 percent JPG quality.
Does my profile picture cover part of the header?
Yes, your profile photo overlaps the bottom left corner of the header on both desktop and mobile, so avoid placing faces, logos or important text in that area.
Should my X header be the same as my LinkedIn banner?
Not usually. LinkedIn banners sit alongside a fuller profile with work history and a longer bio, while X headers have almost no supporting text, so they need to carry more of the message visually on their own.
