// HOW-TO · DESIGN

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

Facebook cover photo size in 2026: Meta has you design at 851×315px (sRGB JPG, under 100KB). Desktop shows it full-bleed at a 16:9 ratio, mobile at 2.4:1 — keep key content centered.

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 Meta's own Help Center defines the desktop and mobile views as two different aspect ratios (16:9 and 2.4:1) cropped from that same upload, not as one fixed layout.

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. A lot of older guides still cite flat pixel figures like 820×312 for desktop and 640×360 for mobile; Meta's current Help Center states aspect ratios instead, and those don't match those older numbers — which is exactly why the last step here, previewing on both desktop and mobile after you upload, is not optional.

The steps

  1. Design on an 851×315 canvas. Build the image at 851×315 pixels — the size Meta's Help Center says loads fastest as an sRGB JPG under 100KB. From that single upload, Facebook shows the cover full-bleed at a 16:9 ratio on desktop and a 2.4:1 ratio on mobile, so starting at the full 851×315 gives both crops room to work with. 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. Desktop and mobile crop your 851×315 upload to two different aspect ratios — 16:9 and 2.4:1 — and Meta doesn't publish the exact pixels either crop trims, so don't design to either one specifically. Keep logos, text, faces, and any CTA inside the center third of the image so nothing load-bearing depends on a corner that one of the two crops might not show.
  3. Avoid the bottom-left corner. Your profile picture sits over the lower-left of the cover — Meta's Help Center specifies about a 40-pixel overlap on mobile, and the picture overlaps that same left side on desktop too. 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 Meta describes the crops as aspect ratios rather than fixed pixel sizes.
  7. (Optional) Use a cover video instead of a photo. Facebook also accepts a cover video. Meta doesn't publish an exact spec for it, but the figures reported consistently by Facebook Page admins put the minimum at 820×312 (closer to 820×462 renders more smoothly on mobile) and the length at 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 only one crop instead of the full canvas. Desktop and mobile show the same 851×315 upload at two different aspect ratios (16:9 and 2.4:1) — a design built for one gets cropped or feels off-balance on the other.
  • 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. Desktop and mobile crop the same upload to different aspect ratios, so text or logos placed near any edge risk being cropped on one view or the other. 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. Many guides still cite 820×312 desktop / 640×360 mobile; Meta's Help Center now states the crops as aspect ratios (16:9 desktop, 2.4:1 mobile) instead — always preview on both devices after uploading rather than trusting any single cited pixel figure.

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, including Infographic Photos and Quote Graphics. [HyperFrames](/glossary/hyperframes) goes a layer further on Carousel Posts, rendering each slide as a brand-exact composition that matches the cover's design language pixel for pixel. So your Page doesn't end up with a polished banner sitting on top of off-brand feed posts — it 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 — Meta's Help Center says that size loads fastest as an sRGB JPG under 100KB. From that single upload, desktop shows the cover full-bleed at a 16:9 ratio and mobile at a 2.4:1 ratio, and the accepted minimum is 400×150.

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

Mostly. Meta's Help Center documents the 851×315 upload and the desktop/mobile crop specifically for Pages; personal-profile covers aren't covered by that same article, and some guides describe a different profile-picture overlap position for profiles versus Pages. Design at 851×315 either way, but preview your specific profile or Page before publishing.

Where is the safe zone on a Facebook cover?

The center. Desktop and mobile show your 851×315 upload at two different aspect ratios — 16:9 and 2.4:1 — and Meta doesn't publish the exact pixels either one trims, so only the center third of the image is reliably safe 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