Facebook cover photo size
820 × 312px
Aspect ratio
2.63:1
Facebook covers display at 820 × 312 px on desktop and 640 × 360 px on phones — only the central zone survives both crops.
Last verified June 2026
The Facebook cover photo is one image displayed two different ways: 820 × 312 px on computers and 640 × 360 px on phones. Desktop shows a wider, shorter slice; mobile shows a narrower, taller one. That means the left and right edges vanish on phones while extra top and bottom appear — so a cover designed edge-to-edge for desktop will have its text amputated for the majority of visitors, who arrive on mobile. The practical approach: design at 820 × 360 and keep everything important inside the central 640 × 312 px region that both layouts share.
| Variant | Dimensions | Ratio |
|---|---|---|
| Desktop display | 820 × 312 px | 2.63:1 |
| Mobile display | 640 × 360 pxNarrower and taller — the side edges of the desktop view are cropped away. | 16:9 |
| Design canvas (recommended) | 820 × 360 pxCovers both crops; commonly recommended working size. | 2.28:1 |
| Safe zone | 640 × 312 px (centered)The only region visible on both desktop and mobile. | — |
| Minimum upload | 400 × 150 px | — |
Treat the central 640 × 312 px as the entire usable canvas: logo, tagline, and any call-to-action text live there. The outer strips are decoration — background texture, photo bleed, color. Two more overlaps to respect: the Page profile picture cuts into the lower-left corner of the cover on most layouts, and on desktop the action buttons sit over the lower-right area. Anchoring key content slightly above center and toward the middle keeps it clear of all three hazards.
Most Facebook visits are mobile, so build the cover around the 640-wide center crop first: one clear message, comfortably inside the safe zone. Then preview the desktop version to confirm the extra side width still looks intentional. Facebook shows you both crops while repositioning the image — use that preview every time rather than trusting the export.
Every corner of a Facebook cover is contested: profile picture lower-left, action buttons lower-right on desktop, crop ambiguity top corners. Corner text is the most common way covers break. Center your message horizontally and keep it in the upper-middle band of the safe zone.
You have one glance to communicate. The covers that work carry a single idea — what you do plus one proof point or current campaign — in type large enough to read at phone width. Rotate the cover when you launch something new; an out-of-date promotion in the cover signals an unattended Page faster than anything else on the profile.
It displays at 820 × 312 px on desktop and 640 × 360 px on smartphones. Designing at 820 × 360 px with all key content inside the central 640 × 312 px safe zone covers both layouts.
Mobile shows a narrower, taller slice of the same image, so the left and right edges of the desktop view are cut off. Move text and logos into the central safe zone and the crop becomes invisible.
Yes — both use the same display sizes (820 × 312 desktop, 640 × 360 mobile) and the same minimum of 400 × 150 px. Groups and events use different, larger cover formats.
€0.00 due today · cancel anytime · 7-day money-back guarantee
Upload your visuals at the right dimensions, preview exactly how each post will look, and let SocialKit publish to all 11 platforms on schedule.
€0.00 due today · cancel anytime · 7-day money-back guarantee