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
Use the reference table below as your starting point. These values are designed to fit common platform requirements and prevent cropping or unexpected compression. When possible, export at the exact dimensions for maximum clarity.
If you are unsure about format choice, default to JPEG or WebP for photos and PNG for text-heavy graphics. The right format keeps files lightweight without blurring edges or flattening gradients. When a platform supports modern formats, WebP is usually the fastest option.
A reliable workflow is to resize from the original high-resolution file, export once at the target size, and then upload. Repeated resizing or re-compressing the same file compounds artifacts and reduces clarity over time.
| 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.
Quality and Compression Tips
Start with the highest-quality source image, resize to the final dimensions, and then adjust compression. This keeps edges clean and prevents the muddy look that happens when files are compressed repeatedly. If your image contains text, use PNG or a high-quality JPEG to keep characters sharp.
For photos, WebP or JPEG at 80-90% quality is usually the best balance of size and clarity. For graphics or logos, use lossless PNG. Always preview the final export at 100% before uploading.
- Resize first, compress second.
- Match the target aspect ratio to avoid cropping.
- Export once to prevent cumulative artifacts.
- Use sRGB color for consistent display across devices.
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.