Platform Banner Size & Safe Area Guides·2026 Guide
X (Twitter) Header Size & Mobile Crop Guide
Official header dimension is 1500 × 500 px (3:1 aspect ratio). Master responsive scaling and avoid the 60px top/bottom mobile crop zone.
Dimensions1500 × 500 px
Aspect Ratio3:1
Safe Area1500 × 380 px central band
Max File Size5 MB (PNG / JPG)
Understanding X Responsive Header Scaling
X dynamically resizes your header banner depending on whether a visitor views your profile on web, iOS app, Android, or mobile web. In addition, the top and bottom ~60px are often cropped on certain viewport ratios.
Avatar Cutout & Follow Button Safe Zones
On mobile, the user avatar cuts into the lower-left quadrant of the header. On web, the follow/edit profile button sits near the bottom right. Keep your central core uncluttered.
- Position your main name and value proposition in the vertical center.
- Leave 60px breathing room at both top and bottom edges.
- Verify text legibility on dark mode and light mode devices.
✓ Best Practices
- Center your core brand name and tagline vertically
- Keep branding visible even when 60px top/bottom is cropped
- Use PNG format for sharp typography and icons
✗ Things to Avoid
- Never place critical text at the absolute top or bottom borders
- Do not place important credentials behind the bottom-left avatar
- Avoid noisy backgrounds that clash with white/black profile UI
Skip the design headache.
Generate a pixel-perfect, safe-area verified banner in 30 seconds with Header Name.
Create Your Header Now →