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.
- Fraction
- —
- Closest common ratio
- —
- Reduced by
- —
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.
Recently used sizes
Saved in this browser only. Click a size to load it back into the calculator.
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.
| Figure | What it describes | How to use it |
|---|---|---|
| 16:9 | The cover frame on a computer | The shape to build at; fills the desktop container exactly |
| 2.4:1 | The cover frame on a mobile device | Relatively wider, so a phone keeps the full width and trims the height |
| 851 × 315 | The size that loads fastest as an sRGB JPG | A weight target, about 2.7:1 — and wider than either frame |
| 400 × 150 minimum | The smallest cover Facebook accepts | A floor, not a target |
| Under 100 KB | The fast-loading file budget | Reachable 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.
- Choose 16:9, the desktop frame, as the shape to build at.
- Pick a canvas large enough to survive a large display — 1920 px wide is a comfortable choice.
- Divide the width by 16: 1920 ÷ 16 = 120 px per unit.
- Multiply by 9 for the height: 120 × 9 = 1080 px, giving a 1920 × 1080 canvas.
- 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.
| Item | Value |
|---|---|
| Frame, desktop | Full bleed at 16:9 |
| Frame, mobile | Full bleed at 2.4:1 |
| Minimum accepted size | 400 × 150 px |
| Fast-loading size | 851 × 315 px as an sRGB JPG, under 100 KB |
| Practical build canvas | 1920 × 1080 px at 16:9 |
| Formats | JPG or PNG; PNG for flat colour and hard edges |
| Profile picture overlap | About 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.