X (Twitter) Header Size Guide
X headers are wide and thin, which makes layout choices tricky. Use the correct dimensions and safe zones so your branding stays readable on desktop and mobile.
Key Dimensions and Reference Table
| Asset Type | Dimensions | Aspect Ratio | Notes |
|---|---|---|---|
| Header photo | 1500 x 500 | 3:1 | Keep text centered |
| Profile photo | 400 x 400 | 1:1 | Cropped to circle |
| In-stream image | 1200 x 675 | 16:9 | Best for posts |
| Card image | 1200 x 628 | 1.91:1 | Link preview size |
Safe Zones and Cropping
The header crops on smaller screens, so place logos and text in the center 1200 x 400 area. Avoid placing critical elements near the edges.
Because the profile avatar overlaps the lower-left corner, keep that area clear or use background elements instead of text.
Export Settings for X
Export headers as JPEG for photos or PNG for text-heavy designs. Use sRGB color and keep the file under 5 MB for fast uploads.
If you are updating often, keep an editable source file and export a fresh header each time to avoid extra compression.
How to Resize in PixelPerfect Resizer
Open the resizer, set the header dimensions to 1500 x 500, and lock aspect ratio. Choose JPEG for photos or PNG for sharp text.
Preview the crop and export once. Then upload directly to X for the cleanest result.
Practical Examples
A creator header can use a subtle gradient background and a centered headline. A brand header can keep a short slogan in the middle with supporting icons toward the right side.
Common Mistakes
- Placing text under the profile avatar overlay.
- Using busy backgrounds that reduce text contrast.
- Exporting at the wrong ratio and forcing X to crop.
Related Guides
LinkedIn banner size guide, Facebook cover photo size guide, social media size cheat sheet. Return to the PixelPerfect Resizer homepage to resize your images.
FAQ
What size is the X header image?
Use 1500 x 500 pixels for the best display across devices.
Does X compress header images?
Yes. Export at the exact dimensions and avoid heavy compression.
What format should I use for headers?
Use JPEG for photos and PNG for text-heavy graphics.
Why is my header cropped on mobile?
Mobile uses a tighter crop. Keep important elements centered.
Can I use a GIF header?
No, headers are static images only.
What is the best post image size on X?
1200 x 675 provides a clean 16:9 layout for posts.
Where can I resize X headers quickly?
Use PixelPerfect Resizer to set exact dimensions instantly.
How do I keep text readable?
Use large type and high contrast against the background.