Facebook Cover Photo Size

Ask what size a Facebook cover photo is and you will be told 851 × 315. Facebook's help page also says 16:9 for a computer and 2.4:1 for a phone, and those three do not agree. The frame is the ratio; the number is advice about file weight.

Facebook Page cover size calculator

Pre-filled with 1920 × 1080, the size Facebook expects for a page cover.

Custom Ratio — pick a preset or type your own

— —
New size
—
Total pixels
—
CSS
aspect-ratio: —;

The 16:9 ratio is locked in. Edit New Width and the page cover height recalculates instantly; edit the height and the width follows. Sizes round to whole pixels, because platforms do not accept fractional ones.

Three shapes, one image

Read the help page closely and the sentence containing 851 × 315 is a claim about weight, not about shape: it sits alongside a colour space and a 100 kilobyte budget in advice about loading fastest. A 16:9 ratio is named separately, and a 2.4:1 ratio is named for mobile. Three figures, two of them about the container and one about the file.

That matters because the shapes are not compatible. An 851 × 315 image works out at about 2.7:1, which is wider than either named ratio. Filling a 16:9 frame with it means the frame is relatively taller, so the image scales up until it covers and the surplus width is discarded. Roughly a third of the width falls outside.

The three numbers Facebook publishes, and what each one is for

The first two rows are about the frame and the third is about loading speed. Only the frame decides whether your layout survives.

Every figure below is quoted from Facebook's help pages rather than inferred, so the same image is described three ways.
FigureWhat it describesHow to use it
16:9The cover frame on a computerThe shape to build at; fills the desktop container exactly
2.4:1The cover frame on a mobile deviceRelatively wider, so a phone keeps the full width and trims the height
851 × 315The size that loads fastest as an sRGB JPGA weight target, about 2.7:1 — and wider than either frame
400 × 150 minimumThe smallest cover Facebook acceptsA floor, not a target
Under 100 KBThe fast-loading file budgetReachable as a JPEG at almost any canvas size

How to work out a cover size

Once the frame is fixed at 16:9 the arithmetic is the same unit method used for any widescreen image. The only extra step is deciding which corner is expendable.

  1. Choose 16:9, the desktop frame, as the shape to build at.
  2. Pick a canvas large enough to survive a large display — 1920 px wide is a comfortable choice.
  3. Divide the width by 16: 1920 ÷ 16 = 120 px per unit.
  4. Multiply by 9 for the height: 120 × 9 = 1080 px, giving a 1920 × 1080 canvas.
  5. Place the important content in the central band, clear of the bottom-left corner, then export under 100 KB.

Worked example

A designer builds an 851 × 315 cover because that is the number they found first. The logo is placed at the right-hand end. On a computer the 16:9 frame scales the image up to cover it, keeps the left edge because Facebook says the cover left-aligns, and discards roughly the rightmost third of the width — which is where the logo was. Building at 1920 × 1080 and letting Facebook reduce the file instead would have kept every element, at a smaller file weight.

Which shape to actually build at

Build at 16:9. It is the taller of the two published frames, and filling a 16:9 container exactly means the desktop view needs no crop at all. On a phone the 2.4:1 container is relatively wider, so it keeps the full width and trims the height instead — an ordinary top-and-bottom crop, the same behaviour as any banner.

The reverse does not work. A 2.4:1 file has no picture above or below the band a 16:9 frame wants, so something has to be invented or the image is pushed off its own edges. Facebook does not publish where the mobile trim falls, so assume the centre survives and the extremes do not.

  • Keep the logo, the name and any wording in the central band, and let the left and right edges be background.
  • Leave the bottom left corner clear. On a phone the Page's profile picture is drawn over it.
  • Do not put a phone number, an address or a call to action near any edge; those are the elements that look careless when they go.
  • Export a JPEG under 100 KB if loading speed matters, and check both the desktop and mobile previews before publishing.

Facebook Page cover specification

The profile picture occupies the cover's bottom-left corner on mobile, so that area is not reliably yours.

Cover specification for a Facebook Page. Personal profile covers follow different rules and carry no published height.
ItemValue
Frame, desktopFull bleed at 16:9
Frame, mobileFull bleed at 2.4:1
Minimum accepted size400 × 150 px
Fast-loading size851 × 315 px as an sRGB JPG, under 100 KB
Practical build canvas1920 × 1080 px at 16:9
FormatsJPG or PNG; PNG for flat colour and hard edges
Profile picture overlapAbout 40 px of the cover on mobile

Facebook Page cover size FAQ

Is a Facebook cover photo 851 × 315?

851 × 315 is the size Facebook names for the fastest-loading cover, and it is advice about file weight rather than about the frame. The frame itself is named as 16:9 on a computer and 2.4:1 on a phone, and 851 × 315 is about 2.7:1 — wider than either.

What size should I actually design at?

Build at 16:9, the taller of the two frames, on a 1920 × 1080 canvas. It fills the desktop frame exactly and leaves the phone with an ordinary top-and-bottom crop rather than a horizontal one that removes the ends.

Why does my cover look different on a phone?

Because the mobile frame is 2.4:1 while the desktop frame is 16:9. The mobile container is relatively wider, so it keeps the full width of the image and trims the height, and the Page's profile picture is drawn over the bottom-left corner on top of that.

Does the same advice apply to a personal profile cover?

Not exactly. Facebook publishes no size for a personal cover beyond a minimum width, so there is no ratio to build to. The safe approach is the same: keep the subject centred, keep the edges expendable, and check the phone view.