X (Twitter) Header Size in 2026: Exact Banner Dimensions + How to Preview

If you have ever uploaded a new X banner only to find it stretched, cropped over your avatar, or blurry on mobile, the problem is almost always the wrong canvas. People still search for Twitter header size, X header size, and Twitter banner size because the platform keeps the same official dimensions—but desktop and mobile show different safe zones. This guide gives you the exact 2026 specs, the overlap rules that trip people up, and a simple way to preview your header before you publish.

Quick answer: X (Twitter) header size in 2026

The correct X header size (also called the Twitter header, X banner, or cover photo) is 1500 x 500 pixels, a 3:1 aspect ratio. X’s own help center lists 1500x500 as the recommended header photo size, with profile photos recommended at 400x400. Export as JPG or PNG, keep the file under a few MB (under 2 MB is a safe practical target), and remember animated GIFs do not animate in headers.

• Recommended header / banner: 1500 x 500 px (3:1)
• Profile photo (paired with the header): 400 x 400 px (displayed as a circle)
• Formats: JPG, PNG, or GIF (static only for header/profile)
• Safe zone tip: keep logos and text out of the bottom-left avatar overlap and away from the top/bottom edges mobile may crop

Confirm the latest wording anytime in the official X profile customization help article.

Why your X banner looks cropped on mobile

On desktop, a 1500 x 500 header is mostly visible end to end. On mobile, the frame is effectively shorter, so the top and bottom can lose roughly 50–60 pixels of content. Your circular profile photo also sits on top of the lower-left of the banner on desktop and shifts toward the bottom-center under the banner on many mobile layouts. That is why a logo locked in the bottom-left corner “disappears” after upload even when the file is the right size.

Design for a center band: keep critical brand marks, product shots, and short headlines in the middle third of the canvas. Leave breathing room on the left for the avatar and avoid tiny text that will not survive compression.

How to create an X header that stays sharp

1. Start at 1500 x 500 (or 3000 x 1000 if you want a 2x master, then export down). Do not stretch an old 1024 x 512 template.
2. Use sRGB and export a clean JPG for photos or PNG for sharp logos and flat graphics.
3. Center the message. Put the product shot, tagline, or event date in the horizontal middle; leave the lower-left empty.
4. Check contrast for dark mode. X profiles often sit on dark UI—light-on-light logos vanish. Add a subtle gradient or solid brand block behind text.
5. Pair it with a strong avatar. Your header and profile photo are judged together. If you are refreshing the circle crop, see our guide on choosing the perfect X profile picture and optimizing your profile picture for X.

X header size checklist (before you hit Save)

• Canvas is exactly 1500 x 500 (or a clean 3:1 export)
• No important text in the bottom-left avatar zone
• No critical content in the top/bottom ~60 px that mobile may crop
• File is JPG/PNG, reasonably compressed, not a multi-MB raw export
• Logo remains legible at thumbnail scale on a phone
• You have previewed desktop and mobile with your actual profile photo overlaid

Preview your X header before you post

Pixel specs alone do not show how the banner sits next to your name, bio, and circular avatar. Upload the same file into Social Previewing to mock up your X profile (plus LinkedIn, Instagram, TikTok, and Facebook) on desktop, tablet, and mobile. That is the fastest way to catch a cropped logo or soft export before followers see it live—the same workflow we recommend for LinkedIn banner size and Facebook cover photo size.

For a wider dimension cheat sheet across networks, bookmark the complete guide to social media image sizes in 2026. If you want design ideas beyond pure dimensions, pair this post with cover photos that convert on Facebook, LinkedIn, and X.

Common X header mistakes to avoid

• Using a square or Instagram story crop and letting X stretch it to 3:1
• Placing a website URL only in the banner—put the link in your bio; headers are not reliable click targets
• Busy full-bleed photos with no clear focal point once the avatar covers the corner
• Low-resolution screenshots upscaled to 1500 px wide (they look soft on Retina displays)
• Skipping a mobile check after the desktop mockup looks perfect

Conclusion: nail the X header size, then preview

The winning X header size in 2026 is still simple: design at 1500 x 500 pixels, protect the center safe zone, and leave room for your profile photo. Get those dimensions right, then use a real profile mockup—not just a flat export—to confirm the banner works with your avatar on every device. When you are ready, open Social Previewing, drop in your header and profile photo, and publish only after the preview looks sharp.