Facebook Cover Photo Size Guide 2026
The short answer: build your Facebook cover photo at 1640 × 624 pixels and keep every word and logo inside the central 640 × 312 region. That single rule exists because Facebook shows one uploaded image through two very different windows — a wide 820 × 312 strip on desktop and a taller, narrower ~640 × 360 frame on mobile. This guide covers the exact numbers for every cover type, why the two crops behave the way they do, and how to design so nothing important gets sliced off.
Every Facebook cover size in one table
| Cover type | Size | Ratio | Notes |
|---|---|---|---|
| Page cover (desktop) | 820 × 312 px | ≈2.63:1 | What visitors on a computer actually see. |
| Page cover (mobile) | ≈640 × 360 px | 16:9 | Taller and narrower — the sides get trimmed on phones. |
| Recommended upload | 1640 × 624 px | ≈2.63:1 | 2x the desktop size, so the cover stays crisp on retina screens. |
| Profile cover (personal) | 851 × 315 px | ≈2.7:1 | Slightly larger than a Page cover on desktop. |
| Event cover | 1200 × 628 px | ≈1.91:1 | Taller proportions — don't reuse a Page cover here. |
| Group cover | 1640 × 856 px | ≈1.91:1 | The tallest of the family; design it at its own size. |
One image, two crops: desktop vs. mobile
On a computer, a Page cover renders as a cinematic 820 × 312 banner — the full width of your upload is visible. Open the same Page on a phone and Facebook swaps to a roughly 640 × 360 frame: taller in proportion, but narrower. To fill that taller frame it zooms into the picture and discards about 90 pixels from each side.
Neither view is "the real one" — your audience is split across both, and mobile usually wins on traffic. The overlap between the two crops is the part of the image every visitor is guaranteed to see: roughly the central 640 × 312 pixels. At the recommended 1640 × 624 upload size, that safe zone doubles to the central 1280 × 624 area.
Why you should upload at 1640 × 624
An 820 × 312 file technically fits, but modern displays pack two or more physical pixels into every layout pixel — a 1x cover turns soft the moment it hits a retina screen. Doubling the canvas to 1640 × 624 gives Facebook enough resolution to serve a sharp image everywhere, and it shrinks down without any penalty on older displays. There is no reason to go bigger than 2x; the extra pixels just get thrown away.
Design tips that survive both crops
Treat the cover as two layers. The background layer — photos, textures, brand colors — can run edge to edge, because losing a slice of it on mobile costs nothing. The message layer — your tagline, logo, launch date, URL — belongs strictly inside the central safe zone, ideally with some breathing room on top of that.
Contrast matters more here than in most formats, since the cover sits behind interface elements and gets viewed at small sizes on phones. Dark text on a busy photo disappears fast; a soft overlay or a solid panel behind the headline keeps it readable. If you would rather not start from a blank canvas, the free template library includes Facebook cover layouts with the safe zone already respected.
Common mistakes to avoid
Text hugging the edges. The classic. A headline that looks perfectly balanced on desktop gets its first and last letters amputated on mobile, because the side margins are exactly what the mobile crop removes. If a single element gets moved toward the center, make it the text.
Reusing one banner for every surface. Page, event and group covers all have different proportions. Stretching a 2.63:1 Page cover into a 1.91:1 event banner distorts it or forces an ugly crop — each format deserves its own artboard.
Uploading at display size. An 820 × 312 export looks fine in your file browser and blurry on a MacBook. Always work at the 2x size of 1640 × 624.
Frequently asked questions
What is the correct Facebook cover photo size in 2026?+
A Facebook Page cover displays at 820×312 pixels on desktop and about 640×360 pixels on mobile. Upload your design at 1640×624 pixels — double the desktop size — so it stays sharp on high-resolution screens, and keep anything important inside the central 640×312 region that both devices show.
Why does my cover photo look cut off on phones?+
Desktop and mobile use different windows onto the same image. Desktop shows the full 820-pixel width, while mobile displays a taller, narrower frame around 640×360 — trimming roughly 90 pixels from each side. Anything placed near the left or right edge of your cover will vanish for mobile visitors, which is why the sides should hold only background.
What is the safe area for a Facebook cover photo?+
The region that survives both the desktop and mobile crop is roughly the central 640×312 pixels (1280×624 on a 1640×624 upload). Keep text, logos and faces inside that zone and let colors, patterns or photo backgrounds extend to the edges.
Is a personal profile cover the same size as a Page cover?+
Not quite. Covers on personal profiles display at 851×315 pixels on desktop, slightly larger than the 820×312 shown on Pages. The proportions are nearly identical though, so a design built for one usually adapts to the other with a minor resize.
What size are Facebook event and group covers?+
Event covers use 1200×628 pixels and group covers use 1640×856 pixels. Both are noticeably taller in proportion than a Page cover, so a Page design stretched into an event or group banner will lose its edges — build each one at its own size.
Should a Facebook cover be a JPG or a PNG?+
If your cover contains text, a logo or flat blocks of color, export a PNG — its lossless edges survive Facebook's recompression far better. For photographic covers with no overlaid text, a high-quality JPG looks just as good and uploads faster.
Make your cover at the exact right size
Graphtr sets up a 1640 × 624 Facebook cover canvas the moment you open it, so the dimensions are handled before you place a single element. Free, in the browser, with PNG and JPG export built in.