Facebook Cover Resizer
Desktop and mobile crop your cover differently. This draws both, so you can see the part that survives.
Fills the space around a contained image.
Dims what desktop or mobile removes, plus the avatar overlap. Never included in the download.
Drop an image here
or paste a screenshot with Ctrl+V. Nothing is uploaded.
Everything here runs on your device. Nothing you enter is uploaded or stored.
Facebook’s cover photo is the textbook case of a crop problem no size chart can express: two devices crop the same file in different directions, and the answer is neither of their dimensions.
How to use it
Drop in your image and pick which cover you are making. The preview dims everything outside the region both desktop and mobile display, plus the corner your profile photo covers on mobile. Move the important content into the bright area and download at the exact size.
Two crops, opposite directions
| Surface | Crop |
|---|---|
| The file you upload | 820×360 |
| Desktop | 820×312 — full width, 48px shorter |
| Mobile | 640×360 — full height, 180px narrower |
| Visible on both | 640×312 |
Desktop takes height off; mobile takes width off. Neither crop contains the other, which is why the safe region is 640×312 — narrower than the desktop crop and shorter than the mobile one. That rectangle is about 68 percent of the file, centred, and it is the only part you can rely on.
Upload at twice the size
Facebook re-compresses everything, and the smaller the image the more obvious the damage. Uploading 1640×856 — the page cover size — and letting Facebook downscale it gives a visibly cleaner result than uploading 820×360, even on a personal profile. It is the single easiest quality win available, and it costs nothing but bandwidth.
The avatar still overlaps on mobile
Facebook’s desktop redesign moved the profile photo out of the cover and into the space below it. Mobile did not follow: the photo still sits over the bottom-left corner of the cover. Since mobile is the majority of profile views, the overlap is drawn in the preview and that corner should stay empty.
Pages, events and groups
A page cover is 1640×856 with the same two-crop problem at larger scale — 1640×624 on desktop, 1280×720 on mobile, leaving 1280×624. A group cover is the same shape with a slightly taller desktop crop, and the group name sits over the bottom-left. An event cover is 1920×1005 with no double crop, though the title and date overlay the lower portion in feed previews.
Feed posts
1200×630 is the link-preview shape and the safe default for a single image in a post. A square 1200×1200 also works and takes noticeably more vertical space in the feed, which is worth having when the image is the point rather than the caption.
What it does not do
It does not upload, so it cannot set your cover. It does not add text or graphics. And it will not enlarge a small image quietly — if your source is under the target width, the warning says so and by how much.
Which tool for which job
| You want to | Use |
|---|---|
| A Facebook cover with both crops shown | This tool |
| A LinkedIn banner with the photo overlap | LinkedIn Banner Resizer |
| An X header, 1500×500 | X Header Resizer |
| A YouTube banner with four device crops | YouTube Banner Resizer |
| Any custom pixel size | Image Resizer |
Your image is decoded, drawn and encoded on your device using the browser’s File and Canvas APIs. Nothing is uploaded and nothing is kept.
Questions
What size is a Facebook cover photo?
820×360 for a personal profile. But that is the file size, not what anyone sees — desktop crops it to 820×312 and mobile crops it to 640×360. Neither crop contains the other, so the region that appears on both is 640×312, a rectangle whose dimensions appear in neither crop. This tool computes that overlap and draws it rather than repeating one of the two crop sizes as though it were the safe area.
Why does my cover photo look cut off on my phone?
Because mobile shows a narrower slice. Desktop gives you the full 820 pixels of width but only 312 of height; mobile gives you all 360 pixels of height but only 640 of width. If you designed to fill the desktop crop, roughly 90 pixels come off each side on a phone. Anything at the far left or right edge — a logo, the end of a line of text — is gone.
Should I upload a bigger image than 820×360?
Yes. Upload 1640×856, the page cover size, even for a personal profile. Facebook re-compresses every upload, and it does visibly more damage to a small image than a large one, because there are fewer pixels to spread the loss across. The larger file is downscaled cleanly to whatever each device needs. The only cost is upload time.
Does my profile picture still cover the corner?
On mobile, yes. Facebook's desktop layout moved the avatar below and left of the cover rather than on top of it, but the mobile layout still overlaps the bottom-left, and mobile is where most people will see your profile. The preview draws the overlap circle so you can keep that corner clear.
What size is a Facebook event cover?
1920×1005, which is roughly 1.91:1 — the same shape as a link preview. Event covers are not double-cropped the way profile covers are, so the whole frame is usable, but the event title and date are printed over the lower portion when the event appears in a feed. Keeping the bottom third free of text handles it.
Last updated