Facebook Cover Resizer
Resize
Mobile crops to the middle ~640px.
Saves the edited image at its current dimensions. JPG, PNG, and WebP keep their format; other supported inputs download as JPG. Check the downloaded file for final quality.
Your images are processed locally in your browser and never uploaded to any server.
The Facebook page cover is 851×315 on desktop, but the mobile app shows only the center ~640px. This tool resizes to the exact spec with that reality in mind. Center your logo or headline, keep decorative edges disposable.
The cover is the widest, most awkward image on your page precisely because the same file has to work on two very different screens. Desktop shows the full 851×315 banner; the phone app trims the sides down to roughly the central 640px. Design as if the outer edges are optional and you get a cover that reads correctly everywhere instead of one whose headline is half gone on mobile.
How to use the facebook cover resizer
- Upload your cover image.
- Choose the cover type: page, group (1640×856), or event (1200×628).
- Verify the important content sits in the middle third (mobile-safe).
- Download and set it as your cover.
Page, group, or event
Pick the preset for the surface you are decorating: 851×315 for a page cover, 1640×856 for a group, and 1200×628 for an event. They are not interchangeable, and using the wrong one triggers Facebook's crop tool, which rarely lands where you want it. Resizing to the exact spec first skips that step entirely.
Whichever you choose, treat the centre as the real canvas. Keep the logo, headline, and any dates inside the middle band, use a high-quality source so Facebook's compression has less to chew on, and favour solid colour blocks over fine gradients and hairline fonts, which are the first things to smear when the platform re-encodes the file.
Frequently asked questions
What is the exact Facebook cover size?
851×315 pixels for pages (displays at 820×312 with slight rounding), 1640×856 for groups, 1200×628 for events. Uploading larger just triggers Facebook's crop UI.
How do I make my cover look good on both desktop and mobile?
Treat it as two compositions: the full 851×315 for desktop, with a centered ~640×315 safe zone that stands alone for mobile. Text at the far left/right edges disappears on phones.
Why does Facebook make my cover blurry?
Its recompression is brutal on gradients and fine text. Use a high-quality source at exact dimensions, avoid ultra-fine fonts, and prefer solid-color bands over subtle gradients.