// HOW-TO · DESIGN

Facebook cover photo size (2026): dimensions, safe zone, and design tips

Facebook cover photo size in 2026: design at 851×315, it shows 820×312 on desktop and 640×360 on mobile. Keep key content centered and the file under 100KB.

Last verified · 2026-10-12 · by Moe Ameen

A Facebook cover is one image shown at two different crops, which is why so many of them end up with a logo clipped on a phone or a tagline hidden behind the profile picture. The single number worth memorizing is the design canvas — 851×315 pixels — but the number that actually governs your layout is the center safe zone, because Facebook crops the top and bottom on desktop and the sides on mobile from the same upload.

This guide gives the current dimensions, where the safe zone sits, the file settings that keep it sharp, and the upload-and-preview flow that catches cropping before you publish. Note that Meta doesn't maintain one clean, fetchable help page with these exact numbers, and third-party guides disagree at the margins (851×315 vs 820×360 for the canvas, for instance), so the last step — previewing on both desktop and mobile — is not optional.

The steps

  1. Design on an 851×315 canvas. Build the image at 851×315 pixels. Facebook displays the cover at 820×312 on desktop and 640×360 on mobile and compresses what you upload, so starting larger preserves quality after that pass. The absolute minimum Facebook accepts is 400×150, but anything near that looks soft — don't go below the recommended size.
  2. Keep everything that matters in the center safe zone. Because desktop trims roughly 75px off the top and bottom while mobile crops about 90px from each side, only the center survives both views. Keep logos, text, faces, and any CTA inside the central band (treat ~640×312 as the safe area) so nothing load-bearing gets cut on one device or the other.
  3. Avoid the bottom-left corner. Your profile picture overlaps the lower-left of the cover on both desktop and mobile, and on phones it sits even larger and higher. Leave that corner visually empty — don't place text, a logo, or a face where the profile photo will cover it.
  4. Export with the right file settings. Save as an sRGB JPG for photographic covers and keep it under about 100KB for the fastest load; avoid Adobe RGB, which can shift colors on Facebook. If your cover is mostly text or a logo, a PNG stays crisper and won't show JPG artifacts on hard edges. Either way, flatten to the exact pixel dimensions before uploading.
  5. Upload and use the reposition tool. On your Page or profile, click the cover area to upload the image. Facebook opens a reposition view on upload — drag to fine-tune the vertical crop so your focal point lands in the visible band rather than letting it default to center.
  6. Preview on desktop and mobile before saving. Check the cover on a computer and on a phone before you confirm. The two crops differ enough that a layout that looks balanced on desktop can clip on mobile, and this is the only reliable way to catch it since the exact crop math shifts over time.
  7. (Optional) Use a cover video instead of a photo. Facebook also accepts a cover video — upload at a minimum of 820×312 (820×456 renders more smoothly on mobile) and keep it to roughly 20–90 seconds. A short looping clip can outperform a static banner for a brand launch or seasonal push, but it still obeys the same center-safe-zone and profile-overlap rules.

Common gotchas

  • Designing to the desktop crop (820×312) instead of the full canvas. Upload at 851×315 so the mobile view (640×360) has the extra top-and-bottom height it needs — a desktop-only design gets letterboxed or stretched on phones.
  • Putting text or a logo in the bottom-left. The profile picture permanently covers that corner on every device; anything you place there is effectively hidden.
  • Edge-to-edge text. The sides vanish on desktop and the top/bottom vanish on mobile, so text that runs to any edge gets clipped on one view. Keep it centered.
  • Exporting in Adobe RGB or as a heavy file. Use sRGB and keep JPGs under ~100KB; wide-gamut color can look dull or off once Facebook recompresses it.
  • Trusting a third-party dimension as gospel. Guides disagree (851×315 vs 820×360 vs retina 1640×624) and Meta changes the display math quietly — always preview on both devices after uploading.

Where Kompozy fits

A cover photo is a one-time brand-chrome asset, and Kompozy doesn't manage your Page's chrome — you still upload the 851×315 file in Facebook yourself, and a dedicated design tool like Canva or Photoshop gives you more pixel-level control over that single banner than any generation engine should. Be honest about that boundary before the pitch. Where [Kompozy](/) actually earns its place is the far larger problem a cover photo only hints at: everything that fills the Page *under* that banner, kept visually consistent with it, on a cadence a cover you set once never demands.

Kompozy is a full AI content generation and multi-platform publishing engine, so once your cover establishes the look — the palette, the type, the logo lockup — a [Persona Brief](/glossary/persona-brief) captures that same voice and brand kit and governs every post from it. [HyperFrames](/glossary/hyperframes) then renders Infographic Photos, Quote Graphics, and brand-exact Carousel Posts that match the cover's design language pixel for pixel, so your Page doesn't have a polished banner sitting on top of off-brand feed posts. The center-safe-zone discipline this guide teaches for the cover is the same framing logic HyperFrames applies to every generated graphic, which is why the whole Page reads as one designed surface rather than one good header and a drift of mismatched uploads.

Then it ships them: [autopilot](/glossary/autopilot) schedules and publishes to Facebook — one of eight social platforms plus blog and email — through a per-post review gate, so the on-brand content that makes your cover look like part of a system keeps flowing without a manual export-and-upload pass per post. What stays yours is the cover itself and the judgment of what the brand should look like; Kompozy turns that established look into shipped, consistent volume. A solo creator keeping one Page on-brand fits Starter ($199/mo, 5,500 credits); a team running several branded Pages fits Pro ($499/mo, 18,000 credits); agencies managing client Pages use custom Enterprise.

Frequently asked questions

What is the exact Facebook cover photo size in 2026?

Design at 851×315 pixels. Facebook displays it at 820×312 on desktop and 640×360 on mobile from that single upload, and the accepted minimum is 400×150. Because Facebook recompresses the file, starting at 851×315 keeps it sharp after that pass.

Is the Facebook cover size the same for a profile and a Business Page?

Yes — personal profiles and Business Pages use the same cover dimensions and the same desktop-vs-mobile crop behavior, so one 851×315 design works for both.

Where is the safe zone on a Facebook cover?

The center. Desktop trims the top and bottom (~75px each) and mobile crops the sides (~90px each), so only the central band — roughly 640×312 — is guaranteed to show on every device. Keep logos, text, and faces there, and leave the bottom-left corner clear for the profile picture.

JPG or PNG for a Facebook cover?

Use sRGB JPG under ~100KB for photographic covers (fastest load), and PNG when the cover is mostly text or a logo, since PNG avoids the JPG artifacts that show on hard edges and small type.

Related tutorials

← All how-to guides · Get Started