Resize a photo to the correct Facebook cover photo size

Drop an image here

or click to choose — 2560 px wide or more covers every size

Facebook's help page asks for at least 400×150 and says 851×315 loads fastest; this tool exports 820×312, the same shape. On phones the cover is shown at 2.4:1, aligned left, so the shaded safe zone marks the area that survives on every screen. Drag the focal point onto what has to stay visible, and download. Everything runs in your browser.

What Facebook's help page says now

Facebook's help page for Page cover photos (Facebook Help, checked 24 October 2026) gives these rules:

RuleValue
Minimum size400 × 150 pixels
Loads fastest assRGB JPG, 851 × 315 pixels, under 100 KB
On a computerLeft-aligned, full bleed, 16:9 aspect ratio (added to the help page between 24 September and 24 October 2026)
On a phoneLeft-aligned, full bleed, 2.4:1 aspect ratio
Profile pictureOverlaps the cover by about 40 pixels on mobile

The 16:9 for computers is new and sits oddly next to the 851 × 315 recommendation, which is much wider than 16:9. We have not yet seen how Facebook crops a wide cover on a computer under the new rule. If it really shows the cover at 16:9 from the left, a cover 312 pixels high keeps only about the left 555 of its 820 pixels, less than on a phone, and the right end of the shaded area would be cut. Until we can confirm it, keep faces and text in the left half of the shaded area.

The page no longer lists the 820 × 312 desktop display size or a centred 640-pixel mobile crop, which most size guides — including an earlier version of this one — still quote. This tool exports 820 × 312: above the minimum, almost the same shape as the recommended 851 × 315, and small enough to stay near the 100 KB that Facebook says loads fastest.

The shaded safe zone in the preview

On a phone the cover is shown at 2.4:1 and aligned to the left, so at 312 pixels high the visible part is about the left 749 pixels of an 820-pixel cover; the right edge is what gets cut. The shaded area in the preview marks the central 640 pixels, which sits inside that visible part and away from both edges, so anything you place inside it survives on a computer and on a phone. Keep faces and text out of the bottom-left corner as well, where the profile picture overlaps the cover on mobile.

Why crop around a focal point

820x312 is a wide, short strip — roughly 2.6:1 — and very few source photos start out that shape. A straight centred crop only works if the subject already sits in the middle of the original image; anything positioned to one side gets cut away once the photo is cropped down to a banner this shallow. Dragging the focal point onto whatever has to stay visible — a face, a product, the readable part of a background — builds the crop around that point instead, and keeps it inside the mobile safe zone if you check the overlay while positioning it.

Does the profile picture cover part of it too?

On some layouts the profile picture sits slightly over the bottom-left of the cover photo, similar to how header images work on other platforms, but it's a minor overlap compared to the desktop/mobile size difference above, which is the change that actually affects what most visitors see. The safe-zone overlay here is built around that bigger, more consistent difference.

Upload larger than 820×312 if you have it

Facebook re-compresses cover photos regardless of the source resolution, so a higher-resolution original doesn't make the final cover objectively sharper once it's live — but it does give the crop more detail to work with before quality starts to soften, particularly if the focal point ends up cropping in tightly. This tool downscales from whatever you provide down to 820x312; it's upscaling a source that's already too small that causes visible softness, not starting large.

Output is JPEG at high quality. Everything runs in your browser using the canvas API — the photo is never uploaded to a server, there's no account or sign-up, and no file size limit beyond what your own device can handle.

Frequently asked questions

What is the correct Facebook cover photo size?

Facebook's help page says a Page cover photo must be at least 400x150 pixels and loads fastest as an sRGB JPG of 851x315 pixels under 100 KB. It is shown left-aligned and full bleed, at a 2.4:1 aspect ratio on phones. This tool exports 820x312, almost the same shape as 851x315. Many guides still quote 820x312 as the desktop display size and a centred 640-pixel mobile crop; Facebook's current page says neither.

Why is there a shaded box in the middle of the preview?

It marks the part of the cover that stays visible everywhere. On phones Facebook shows the cover at 2.4:1 aligned to the left, which at 312 pixels high keeps roughly the left 749 pixels and cuts the right edge. The shaded central 640 pixels sit inside that area with room on both sides, so a logo, face or text inside the box is visible on a computer and on a phone.

Should I upload exactly 820x312, or larger?

Either works. Facebook's minimum is 400x150 and its fastest-loading recommendation is 851x315 under 100 KB, so 820x312 sits in the same range. Larger source photos help the crop, because the focal-point crop has more detail to work with; it is upscaling a too-small source that causes visible softness.

What if my photo isn't already the right shape?

That's the normal case - 820x312 is a wide, short strip (roughly 2.6:1), and most photos are closer to square or portrait. Drag the focal point onto whatever has to remain in frame and the crop is built around that point instead of the image's centre, so a subject standing to one side still ends up inside both the full cover and the mobile safe zone.

Does the profile picture cover part of the cover photo?

Yes, on mobile. Facebook's help page says the profile picture overlaps the cover photo by about 40 pixels on mobile devices, at the bottom left. Keep faces and text away from that corner as well as out of the right edge that the mobile crop removes.

Is my photo uploaded anywhere to do this?

No. The crop and resize happen entirely on your own device via the browser's canvas API - nothing is sent to a server. No account, no sign-up, no file size limit beyond what your device can handle.