X (Twitter) Header Size Guide + Safe Layout Tips
Header specs, avatar overlap safe zone tips, and quick export steps.
TL;DR
- Recommended header size: 1500 × 500 px (3:1 ratio).
- Keep key text away from the left side where the avatar overlaps.
- Export with a dedicated preset to prevent surprise crops.
Header Specs & Safe Area
X headers are frequently cropped differently on desktop vs mobile, and the avatar overlaps the left area.
| Element | Size | Ratio | Notes |
|---|---|---|---|
| Header / Banner | 1500 × 500 | 3:1 | Avatar overlaps bottom-left |
| Post image | 1200 × 675 | 16:9 | Cropped in timeline |
| Profile photo | 400 × 400 | 1:1 | Circular crop |
- Keep important text away from the left side (avatar overlap).
- Center the main subject and avoid edges.
- Use bigger text than you think for mobile.
Fast Export Workflow (ResizeFX)
Upload your banner image to ResizeFX.
Choose the X/Twitter Header preset.
Export and upload the header to X.
Frequently Asked Questions
- Why does my header look different on mobile?
- Platforms crop differently across devices. Keep key elements centered and away from edges.
- How do I avoid avatar overlap?
- Leave extra space on the left and avoid placing text in that region.
- Can I export multiple banner sizes at once?
- Yes — select multiple presets in ResizeFX and export together.
Related Tools
ResizeFX
Upload one image and export multiple platform presets in one click — Instagram square, IG/TikTok story, YouTube thumbnail, Xiaohongshu, X/Twitter header, Facebook cover, and more.
Open ResizeFX→FrameFX
Create platform-ready thumbnails and covers quickly using templates. Choose a size preset, upload an image, add title/subtitle text, and export PNG.
Open FrameFX→Related Guides
Social Media Image Sizes 2026 (Complete Guide)
Updated size chart for Instagram, TikTok, YouTube, X, Facebook + a fast export workflow.
Read Guide →YouTube Thumbnail Size (2026) + Design Checklist
Specs + layout checklist + template workflow for clean thumbnails.
Read Guide →Xiaohongshu Cover Size Guide (Clicks-First Layout)
Cover size and typography tips, plus a template workflow to export sharp covers.
Read Guide →