Facebook Cover Safe Zone
A Facebook Page cover uploads at 820×312 px, but desktop and mobile crop it differently. Desktop trims the top and bottom; mobile trims the sides. The only region visible on both is the centred ~640×312 px safe zone — keep your logo and text there.
| Placement | Pixels | Ratio | |
|---|---|---|---|
| Upload size Recommended upload; min 400×150 |
820×312 | ~2.63:1 | |
| Safe zone (both devices) Centred; visible on desktop AND mobile. Put text here |
~640×312 | ~2:1 | |
| Desktop display Full width; sides shown, slight top/bottom trim |
820×312 | ~2.63:1 | |
| Mobile display Sides cropped, taller crop shown |
640×360 | 16:9 |
Desktop and mobile crop differently
Upload at 820×312. On desktop Facebook shows the full width; on mobile it shows a taller 640×360 slice and crops the left and right edges. The rectangle common to both is the centred ~640×312 safe zone.
Keep text and logo centred
Put your business name, logo and any call-to-action inside that central 640×312 band. Anything near the left or right edge disappears on phones — where most of your visitors are. Avoid placing key elements in the bottom-left, which can be overlapped by the profile picture and page name on some layouts.
File specs
JPG or PNG; for a logo or text-heavy cover, PNG keeps edges crisp. Minimum 400×150 px, but 820×312 (or 2× at 1640×624 for retina) looks sharpest. Keep the file reasonably small so it loads fast.
FAQ
What is the Facebook cover safe zone?
The centred ~640×312 px region of your 820×312 cover — the only part shown on both desktop and mobile. Keep text and logo there.
Why does my Facebook cover look different on mobile?
Mobile shows a taller 640×360 crop and trims the left/right edges, while desktop shows the full 820×312 width.
What size is a Facebook cover photo?
820×312 px recommended (minimum 400×150). Design important content inside the centred 640×312 safe zone.