What size does this tool output?

A standard 820 x 312 px image by default, matching the size Facebook displays on desktop. Switch to the retina option for a sharper 1640 x 624 px export.

Why does Facebook show a different crop on mobile?

Facebook renders the same cover photo at 640 x 360 px on phones, a narrower frame than the 820 x 312 desktop version, so it crops roughly 90 px from each side.

Why is there a guide box across the middle?

It marks the 640 x 312 mobile-safe zone. Keep faces, logos, and text inside it so nothing important gets cropped off on a phone.

Is my photo uploaded to a server?

No. Positioning, zooming, and rendering all happen in your browser with the HTML5 Canvas API. The photo never leaves your device.

Should I download JPG or PNG?

JPG gives a smaller file for a photographic cover. PNG is larger but lossless, useful if your cover has flat colors or crisp text.

Facebook Cover Resizer

Name: Facebook Cover Resizer
Availability: InStock
Author: Nham Vu

Upload a photo, drag and zoom it inside the 820 x 312 Facebook cover frame, check the mobile-safe zone, then download it as JPG or PNG.

Facebook Cover

Output frame: 820 x 312 px — watch the mobile-safe zone in the middle

Upload Photo

Click to choose a photo
JPEG, PNG, or WebP Show mobile-safe zone guide

Facebook crops roughly 90 px off each side of the cover photo on mobile — keep faces, logos, and text inside the mobile-safe zone guide.

Upload a photo to start positioning your cover

Output: 820 x 312 px

Summary

Upload a photo, drag and zoom it inside the 820 x 312 Facebook cover frame, check the mobile-safe zone, then download it as JPG or PNG.

How it works

Click the upload zone or drag a photo onto it.
The photo fills the 820 x 312 cover frame automatically.
Drag the photo to reposition it, or use the zoom slider to scale it up.
Toggle the mobile-safe zone guide to see what survives the 640 x 360 mobile crop.
Choose a resolution and file format, then click "Download Cover".

Use cases

Resize a personal or business photo to Facebook's 820 x 312 cover frame.
Keep a logo or headline text inside the mobile-safe zone before publishing.
Reposition an existing banner so its focal point survives both desktop and mobile cropping.
Export a sharper retina-resolution cover photo at 1640 x 624.
Preview a cover photo design before uploading it to a Facebook Page or profile.

Frequently Asked Questions

Last updated: 2026-07-22 · Reviewed by Nham Vu