X / Twitter Header Size - 1500x500
Header is 1500x500 (3:1). The avatar overlaps the bottom-left and mobile crops the sides. The calculator below is set to 3:1 (1500/500) - use the safe area notes to keep text visible.
:
1920 × 640
Exact ratio: 3:1 · CSS: aspect-ratio: 3 / 1 · padding-top fallback: 33.33%
Specs
| Spec | Value |
|---|---|
| Master | 1500x500 (3:1) |
| Safe center | ~1260x330 centered |
| Avatar overlap | Bottom-left ~100px overlap |
| Mobile | Center crop, edges clipped |
| CSS | aspect-ratio: 3 / 1 |
Design tips
- Keep title and logo inside 1260x330 centered - outside gets covered or cropped on mobile.
- Export at 1500x500 exactly; larger gets recompressed.
- Test on both desktop and phone before publishing.
Related
- What ratio is 1500x500?
- 2:1 calculator
- 1500x500 print size
- Heights for 1500 wide
- CSS aspect-ratio guide
Tip: 1500x500 is 3:1 - height is exactly one third of width. That mental math helps you scale headers quickly.