Facebook Cover Photo Size for Desktop and Mobile

A Facebook cover that looks right on a laptop can lose half a face on a phone, with the logo hidden behind your profile picture. This guide gives the Facebook cover photo size Meta actually publishes, separates it from the numbers that only appear in other guides, and shows how to resize a photo so it survives both crops.

Everything below was checked against Meta’s Help Center on 11 November 2026. If a number here disagrees with Facebook Page profile picture and cover photo dimensions, go with Meta’s page.

Quick answer: Meta says a Facebook Page cover photo loads fastest as an sRGB JPG of 851 x 315 pixels under 100 KB. The minimum is 400 x 150, and a personal profile cover must be at least 720 pixels wide. Desktop and mobile crop the cover differently, so keep text and logos in the middle and away from the left edge.

Facebook cover photo size: what Meta publishes

Oddly, 851 x 315 is about 2.7:1, which matches neither display shape on the same page, and Meta doesn’t explain why. No single image fits every view without some cropping, so where you put things matters more than the exact number.

Where 820 x 312 and 640 x 360 come from

Most results for “fb cover photo size” say 820 x 312 on desktop and 640 x 360 on mobile. They’re repeated so often that they look official, but Meta’s current Help Center page doesn’t give them.

They still work as shapes. 820 x 312 is about 2.63:1, close to 851 x 315, and 640 x 360 is exactly 16:9. Design for both a wide strip and a 16:9 frame and you’ve covered the old figures and Meta’s ratios.

ResizeAny has presets for both wide sizes: Facebook cover 820 x 312 and Facebook cover 851 x 315. There is also a Facebook cover preset in cm, but Facebook works in pixels, so use one of the pixel presets.

How desktop and mobile crop the cover

Meta’s page warns that the cover “may be cropped and resized to fit different screens”, and that the profile picture partly covers it. On a phone, Meta says the profile picture overlaps the cover by about 40 pixels.

You can work out roughly what each view keeps. These numbers are computed from Meta’s two ratios; Meta doesn’t publish them.

Either way, the middle survives and the edges go. Put your name or logo in the center, with some room on the left for the profile picture.

Facebook also lets you drag the cover to reposition it after you choose it. Use that to nudge a face back into frame before you save.

Profile, Page, group and event covers

A personal profile cover has one published rule: at least 720 pixels wide. For groups and events, Meta’s Help Center explains how to change the cover but gives no pixel size. Sizes like 1640 x 859 or 1920 x 1005 come from third-party guides, and they don’t agree with each other. Start from a wide photo at least 1200 pixels across, keep the subject centered, and trust the crop preview.

File type, file size and compression

Facebook’s photos and videos help lists JPEG, BMP, PNG, GIF and TIFF as photo formats. It recommends keeping photos under 15 MB, and it says PNG files over 1 MB can look pixelated.

For a cover photo that comes down to two choices:

• A photo of a place, a product or people: save it as JPG. Meta’s 100 KB figure is for the fastest load, not a hard limit.
• A design with text or a logo on flat color: save it as PNG and keep it under 1 MB. JPG compression blurs the edges of letters.

The JPG vs PNG vs WebP vs AVIF guide has the longer version. And a blurry cover is usually a small image that Facebook stretched, so start from a file at least as wide as the target.

How to resize a photo for your Facebook cover

ResizeAny runs in your browser, and your photo is never uploaded to a server.

1. Open the 851 x 315 preset, or the 820 x 312 preset if you prefer the older figure.
2. Add your photo and open Ratio & fit. Presets with both sides set start on Stretch, which squashes a normal photo into the wide strip. Choose Crop to fill the cover and trim the top and bottom evenly, or Fit to keep the whole photo and fill the sides with a color or a blurred copy.
3. To keep a part other than the center, crop first with Freeform and draw a wide box. The widest crop preset is 2:1, so Freeform gets you closer to 2.7:1.
4. Pick JPG for photos or PNG for text and logos.
5. For Meta’s fastest-loading file, type 97 in the target file size box and choose KB. ResizeAny counts a KB as 1,024 bytes, so 97 KB stays under 100,000 bytes. With fixed dimensions the target only lowers JPG quality, so leave it empty for a PNG.
6. Download the file and upload it from your Page or profile.

ResizeAny has no color profile setting, so if your design app offers an sRGB export, use it there. If you have a batch of covers for several Pages, the bulk resizer does the same steps for up to 100 images at once.

After uploading, look at the cover on a computer and a phone. If text is clipped, move it toward the center and upload again.

Sizes for posts, Stories and other networks are in the social media presets. For a similar wide banner with its own safe area, see the YouTube banner size guide, and for feed images, the Instagram sizes guide.