Facebook Cover Resizer

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.

Use the Facebook Cover Resizer

Facebook Cover

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

Upload Photo

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

This tool fits a photo into the 820 x 312 px frame Facebook uses for cover photos on desktop. Facebook shows a narrower 640 x 360 px crop on phones, cutting roughly 90 px off each side of the desktop version, so a mobile-safe zone guide marks the 640 x 312 center strip that survives both crops. Drag to reposition the photo, zoom with the slider, then export at standard or retina (1640 x 624) resolution as JPG or PNG. Positioning and rendering happen on the Canvas API in your browser; the photo is never uploaded to a server.

How it works

  1. Click the upload zone or drag a photo onto it.
  2. The photo fills the 820 x 312 cover frame automatically.
  3. Drag the photo to reposition it, or use the zoom slider to scale it up.
  4. Toggle the mobile-safe zone guide to see what survives the 640 x 360 mobile crop.
  5. 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-09-09 · Reviewed by Nham Vu