How-to Guide 2 min read

Resize Image for Facebook Cover Photo — 820×312px

Facebook displays cover photos at 820×312px on desktop and crops them to 640×360px on mobile. Getting this right means your cover looks good on both devices — with your key content, text, and faces positioned in the safe zone that appears on both. This guide explains the exact dimensions and safe zone, and resizes your image to 820×312 in seconds.

Files never leave your device ⚡ Instant browser processing 🆓 100% free — no account 🚫 No watermark on output
By ImgToolkit Team · Updated May 2026 · 2 min read · Processed in your browser
PNGJPGWebPGIFBMP

Quick Answer

Facebook displays cover photos at 820×312px on desktop and crops them to 640×360px on mobile. Getting this right means your cover looks good on both devices — with your key content, text, and faces positioned in the safe zone that appears on both.

Try it now — free, no signup

Your images stay on your device. Nothing is uploaded to any server.

Resize for Facebook Cover

Step-by-Step Guide

5 steps · takes under 1 minute

1

Open the Image Resizer

Go to the Resize tool — runs in your browser with no upload, no account, and no watermark on the output.

2

Upload your image

Drop your photo or graphic onto the upload zone. JPG and PNG are both accepted and work well for Facebook covers.

3

Click the 'Facebook Cover' preset

The Facebook Cover (820×312) preset is in the social media presets panel. One click sets both dimensions and disables aspect ratio lock.

4

Or enter dimensions manually

Turn off 'Maintain aspect ratio'. Set Width to 820 and Height to 312. Click resize.

5

Keep key content in the mobile safe zone

Before downloading, note that mobile displays show only the central 640×360 area. Keep faces, logos, and text within the central portion of the image — avoid the far left and right 90px strips if mobile visitors matter.

🔒

100% Private — Zero Uploads

ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.

💡

Pro tip

Use 75–85% quality for web images — you get 60–80% smaller files with no visible difference at normal screen sizes.

Format & File Size Comparison

Same 1080×1080px photo processed four ways

FormatQualityFile SizeNotes
PNG (original) Perfect 4.2 MB No compression — too large for web
Compressed PNG Visually identical 1.1 MB −74% — transparency preserved
JPG (85% quality) Excellent 310 KB −93% · Best for photos
WebP (85%)BEST Excellent 205 KB −95% · Recommended for web

Based on a 1080×1080px photo. Results vary by image content and complexity.

Related Free Tools

All tools run in your browser — no account or upload needed

Frequently Asked Questions

4 questions answered

What are Facebook cover photo dimensions in 2025?

Facebook cover photos display at 820×312px on desktop and are cropped to 640×360px on mobile (centred). The minimum size Facebook accepts is 400×150px. For best quality, upload at 820×312px or 2× that (1640×624px) for retina displays. PNG is preferred for graphics and text; JPG for photos.

What is the Facebook cover photo safe zone?

The mobile-safe zone is the central 640×360px area of the 820×312px frame. On mobile, Facebook crops 90px from each side horizontally. Keep all important content — faces, logos, text, and calls to action — within the central 640px wide area to ensure it's visible on both desktop and mobile.

Why does my Facebook cover look blurry after uploading?

Facebook recompresses uploaded images using its own algorithm. To minimise blurriness: upload at exactly 820×312px (not smaller), use JPG at 90% quality for photos, use PNG for graphics with text. Uploading a much larger image (e.g. 2000px wide) means Facebook's downscale adds blur on top of its compression.

What's the difference between a Facebook cover photo and a Facebook banner?

They're the same thing — 'banner' is the informal name for the Facebook cover photo displayed at the top of a profile or page. Both refer to the 820×312px image. Facebook also has a separate 'cover video' option that uses the same dimensions but accepts MP4 video files.

Ready to get started?

Free, instant — your files stay on your device. Always.

Resize for Facebook Cover

All Free Image Tools

Image Compressor →Background Remover →Image Resizer →Crop Image →PNG to JPG →JPG to WebP →AI Upscaler →Watermark Tool →Blur Faces →Rotate Image →