Popular
Twitter Character Counter
Use Twitter Character Counter to hit every platform limit and size — fast and free.
Social MediaOpen Tool
Facebook Cover Resizer
Resize any image to an 820×312 Facebook Page cover — cover-cropped to the wide banner shape and saved as a PNG, all in your browser.
Loading Facebook Cover Resizer…
Your browser is preparing the tool. It runs 100% locally.
Quick Answer
The Facebook Cover Resizer scales any image to fill an 820×312 banner — the size Facebook displays a Page cover at on desktop — then centre-crops the overflow and saves a PNG. It uses cover-fit, so a tall or square image fills the wide strip and the top and bottom are trimmed. Everything runs in your browser, and it shares one engine with the Instagram and LinkedIn resizers — only the target size differs.
What the Facebook Cover Resizer Does
It produces an 820×312 image for a Facebook Page cover. The picture is scaled to cover the wide banner, centred, and the parts above and below the strip are cropped off.
820×312 is the desktop display size. Facebook shows the cover differently on phones — about 640×360 — and crops the left and right edges there, so the very sides of your image are not guaranteed to be visible on mobile.
How It Works
Drop or pick a file; it loads into an 820×312 canvas. The scale is the larger side ratio so the image covers the banner, it is drawn centred, and exported as a PNG.
It is all client-side — no upload, same behaviour on any device.
Processing pipeline
- Drop or choose an image. Pick any browser-readable image or drag it onto the box.
- Scale to cover the banner. It scales the image by the larger side ratio so it completely fills the 820×312 strip.
- Centre and crop. The image is centred and overflow past 820×312 is trimmed — usually the top and bottom for a wide banner.
- Download the PNG. Save an exact 820×312 PNG; your original file is unchanged.
How cover-fit cropping works
scale = max(TargetW ÷ ImageW, TargetH ÷ ImageH)
NewW = ImageW × scale, NewH = ImageH × scale
The scaled image is centred on the TargetW × TargetH canvas; whatever spills past the edges is croppedWorked example
A 1920×1080 photo → scaled to 820×461 to cover the banner, then about 75px is cropped from the top and bottom, leaving the central 820×312.Because the scale is the larger of the two ratios, the picture always fills the whole frame and the excess is trimmed — it never letterboxes. When your source is smaller than the target the scale is above 1, so the image is enlarged and looks softer.
Privacy
Your image is read from disk, redrawn in the page's memory and saved as a PNG entirely on your device. Nothing is uploaded and no copy is kept on a server.
Because the canvas re-encodes the picture, the saved PNG carries no EXIF or GPS metadata from the original — a small privacy bonus. Close the tab and both the original and the result leave memory.
Technical Details
| Target size | 820×312 (desktop cover display) |
|---|---|
| Fit mode | Cover — fill and centre-crop |
| Engine | HTML5 Canvas (browser-native) |
| Output | PNG (.png), lossless |
| Mobile note | Facebook shows ~640×360 and crops the sides |
| Metadata | Stripped (EXIF/GPS removed) |
| Platform use | Facebook Page cover photo |
| Upload | Never — runs in your browser |
Standards & references
- HTML Canvas API (drawImage) — the image is drawn onto a fixed-size canvas; the cover-fit maths — scale by the larger of the two side ratios — mirrors CSS object-fit: cover, which fills the box and trims the overflow.
- Facebook Page cover size — 820×312 pixels on desktop and about 640×360 on mobile. The reliably-visible safe zone is roughly the central 640×312, since mobile crops the sides.
- ISO/IEC 15948 (PNG) — the lossless output format, so the scale and crop add no compression artefacts of their own. Each platform then re-compresses the upload on its end.
Accuracy & Limitations
820×312 is the desktop display size. On phones Facebook renders the cover near 640×360 and trims the left and right edges, so keep logos, text and faces within the central safe zone — about the middle 640×312 — to survive on every device.
Some guides suggest uploading a larger file (for example 851×315) and letting Facebook scale it; this tool outputs exactly 820×312. Either is accepted.
It centre-crops, so for a tall or square source the top and bottom are cut. Reframe first if your subject sits high or low.
It enlarges small sources to fill the banner, which softens them; start from an image at least 820px wide.
Real-World Use Cases
Page cover photos
Fit any photo to the 820×312 Facebook Page banner.
Seasonal banner swaps
Quickly recrop a promo image to the cover shape for a campaign.
Brand-consistent headers
Run each cover through the same crop so your Pages match.
Fast crop, no editor
Get a centred banner crop in two clicks.
When to use it — and when not to
Good for
- Facebook Page cover photos
- A fast crop to the 820×312 banner
- Wide promo headers
- Recropping a photo to a banner shape
Not the best choice for
- Keeping the full top and bottom of a tall photo
- Content that must stay edge-to-edge on mobile
- Facebook profile pictures (square)
- Event covers (a different ratio)
For a vertical Instagram Story use the Instagram Story Resizer. For a LinkedIn profile banner use the LinkedIn Banner Resizer (1584×396). To choose your own crop region, use the Image Cropper.
Frequently Asked Questions
What size is a Facebook cover photo?
Facebook displays a Page cover at 820×312 pixels on desktop and about 640×360 on mobile. This tool outputs 820×312.
Why does my image look cropped on my phone?
Facebook shows the cover narrower on mobile (around 640×360) and trims the left and right edges. Keep key content in the central safe zone, roughly the middle 640×312.
Should I upload a bigger image instead?
You can — some recommend 851×315 and letting Facebook scale it. Both work. This tool gives you an exact 820×312 file.
Will the top and bottom of my photo be cut?
For a tall or square source, yes — covering a wide banner trims the top and bottom. Reframe first if your subject is high or low in the frame.
What file format do I get?
A lossless PNG. Facebook re-compresses uploads, and for covers it favours a JPG under about 100KB, so expect some recompression on its end.
Is this for a profile picture too?
No. The profile picture is a separate square image. This tool makes the wide cover banner.
Can I move the crop?
No, it crops from the centre. Use the Image Cropper to pick a custom region first.
Is my image uploaded anywhere?
No. The crop happens in your browser on a canvas; nothing is sent to a server.
Does it remove metadata?
Yes. Re-drawing on a canvas strips the original EXIF and GPS data from the PNG.
Is this the same as the Instagram and LinkedIn resizers?
Yes. They are one engine with a different target — 820×312 for this Facebook cover.
Does it work on mobile?
Yes, fully in-browser on any device.
Is it free?
Yes, free with no sign-up and no watermark.
References
Documented against this tool's own code: it covers an 820×312 canvas and centre-crops — so the page is explicit that 820×312 is the desktop size, that mobile shows roughly 640×360 and trims the sides, and that you should keep key content centred.
Related Tools
Popular
Instagram Image Resizer
Use Instagram Image Resizer to hit every platform limit and size — fast and free.
Social MediaOpen Tool
Popular
Emoji Picker
Use Emoji Picker to hit every platform limit and size — fast and free.
Social MediaOpen Tool
Trending
Social Media Hashtag Generator
Social Media Hashtag Generator online — quick, accurate help for your social content workflow.
Social MediaOpen Tool
Trending
Fancy Text Generator
Fancy Text Generator to craft on-spec, scroll-stopping posts in seconds.
Social MediaOpen Tool
Instagram Caption Counter
Instagram Caption Counter online — quick, accurate help for your social content workflow.
Social MediaOpen Tool
Ready to try the Facebook Cover Resizer?
It is free, private and runs entirely in your browser — no sign-up, no uploads, no limits.