Header guide
Facebook (Page) header size: 820×312
Everything you need to design a Facebook (Page) banner that looks great on every device — exact dimensions, safe areas to avoid, and how the image actually crops on phones, tablets, and desktops.
Recommended size
820 × 312px
Aspect ratio
2.63:1
Devices we audit
2
How Facebook (Page) crops your header
Facebook (Page) renders the same image differently across devices. We test 2 unique device profiles (1 phone) (1 desktop).
| Device | Type | Display size | Safe areas |
|---|---|---|---|
| iPhone 16 Pro | phone | 402×226 | Status Bar, Profile Picture |
| Desktop (1440p) | desktop | 820×312 | Profile Picture |
Design tips for Facebook (Page)
- •Keep critical content centered. Mobile and desktop crop different portions of your image. Putting your key visual or text in the center buys you the most safety.
- •Mind the profile picture overlay. Most platforms place a profile photo on top of the lower-left of your banner. Don't put logos or text there.
- •Watch the Dynamic Island & status bar. On iPhones the top of your banner sits behind the status bar and (on Pro models) the Dynamic Island.
- •Export at 2× or 3×. Save at twice the recommended size and let the platform downscale, so the image stays crisp on retina displays.
Test your Facebook (Page) header
Upload your banner and Better Header will check it against every Facebook (Page) device profile. Tokens start at $3.
One token · Tokens never expire · Refund if no issues found
Other platform guides
- X (Twitter) 1500×500
- LinkedIn (Personal) 1584×396
- LinkedIn (Company) 1128×191
- YouTube 2560×1440
- Facebook (Personal) 851×315
- Twitch 1200×480
- Instagram Story / Reel cover 1080×1920
- TikTok video cover 1080×1920
- Substack publication header 1100×400
- GitHub social preview / OG card 1280×640
- Email signature banner 600×120