The Facebook cover photo size
A Facebook cover photo displays at 820x312 pixels on desktop and 640x360 on phones, so Facebook shows a slightly different crop on each. Working to the 820x312 desktop size and keeping anything important near the centre is the safe approach. This tool builds an exact 820x312 image so your cover looks intentional instead of stretched or awkwardly cut.
How the resize actually works
Your image loads into an HTML canvas element directly inside your browser, and the resize happens there using JavaScript running entirely on your own device - nothing is ever uploaded. Depending on the mode you choose, the canvas either crops your image to exactly fill the wide 820x312 banner, blurs a copy of your image to fill the space on either side of a fitted version, or fills that space with a flat color, before the browser generates the final downloadable file.
Crop to fill or fit
- Crop to fill scales the image to cover the wide banner and trims the top and bottom - best for a wide landscape photo.
- Fit (blurred edges) shows the whole image with a soft blur on the sides - useful when you do not want to lose any of the picture.
- Fit (colour) places the image on a solid colour band, a clean look for a logo or text banner.
Why Facebook's dual crop makes this tricky to get right manually
Because desktop and mobile show genuinely different crops of the same uploaded image - the sides disappear on mobile while the top and bottom disappear on desktop - a cover photo that looks perfect on one device can lose something important on the other if you're not deliberately designing around both at once. This is exactly why keeping key content centered matters so much more here than for a typical single-crop image: that central region is the only part guaranteed to survive both versions Facebook actually shows to real visitors.
Mind the mobile crop
Because phones crop the sides and desktop crops the top and bottom, keep your logo, faces or text within the central area that both views show. Start from an image at least 820 pixels wide for a sharp result. The same approach works for a Facebook Group or Event cover. Everything runs on your device, so your image is never uploaded and there is no watermark.
Who actually needs this, and why
Business owners and page admins setting up a cover photo that needs to look professional and intentional rather than randomly cropped by Facebook's automatic resizing. Event and Group organizers preparing a banner image for their page without access to full design software. Anyone who's noticed their cover photo looks fine on one device but has an important detail cut off on the other, and wants a version that works reliably on both.
Private and free
No sign-up, nothing stored. Need a LinkedIn or X banner instead? Use our LinkedIn or X resizers for their exact sizes.
Why a wide landscape photo works best here
The 820x312 cover frame is unusually wide and short compared to most ordinary photos, roughly 2.6 times wider than it is tall, which means a naturally wide landscape shot - a panorama, a wide product shot, a storefront photo - tends to need far less dramatic cropping to fill it cleanly than a typical square or portrait-oriented photo would. If your best available photo is tall or square, the blurred-edge Fit mode generally produces a more natural-looking result than trying to force a tight crop out of content that was never composed for this unusually wide shape.
Designing specifically for the centered safe zone
Since the safest content placement sits in the central region both desktop and mobile crops reliably show, it's worth thinking of your cover photo as having three zones: a central strip where text, logos, and faces should live, and two outer strips on the left and right that function more as decorative background, since mobile visitors won't see them at all. Designing with this zone structure in mind from the start produces a more consistently professional-looking cover than discovering the mismatch after the fact.
Covers for Groups, Events, and Pages
Facebook uses this same 820x312 cover format across Pages, Groups, and Events, which means one correctly-composed cover image works identically well across all three contexts without needing separate versions for each. This consistency is convenient if you're managing several Facebook presences at once and want a unified visual approach across all of them.
Privacy and working on a phone
Because nothing is ever uploaded, this tool runs the same way on a phone's browser as on a desktop, making it a convenient way to resize a cover photo directly from a camera roll right before updating a Page from the same device, with the image never leaving your own device throughout the entire resize and download process.
Checking your result on both views
Since Facebook crops differently on desktop and mobile, it's genuinely worth checking your finished cover photo on both after uploading it - what looks perfectly centered on a desktop browser can occasionally surprise you on a phone, and catching that immediately is far easier than having a visitor point it out to you after the page has already been live for a while.
Starting from a reasonably high-resolution source
Since this tool resizes to exactly 820x312 but can't invent detail beyond what the source photo captured, starting from a photo that's genuinely at least 820 pixels wide keeps the output looking crisp rather than visibly softened. A smaller source gets scaled up to reach the target width, which introduces the same kind of visible softening that enlarging any image past its own native resolution always tends to cause in practice, however the enlargement itself happens to be performed by whatever tool is doing the resizing.
Keeping your source file for future updates
Saving the original, uncropped photo separately from the finished cover makes it easy to produce a new version later if your branding or content changes, without needing to track down or retake a source image from scratch each time an update is needed.