Upload wide source
Upload a wide source image — generous side margin helps both desktop and mobile crops.
Facebook Cover Photo Resize
A Facebook cover photo has a dual-crop behavior: desktop displays the full 820×312px while mobile shows only the center ~640×360px. Because the same image stretches wider on desktop and taller on mobile, key visual elements should sit inside the shared center band (~640×312px). The profile picture (~170×170px) always covers the bottom-left corner, so logos and slogans belong on the right, center, or top. This tool previews both visible regions side-by-side as you crop, then exports a 820×312px JPG — saving you from re-cropping or refreshing on mobile to verify the layout.
How to use
Align to shared safe area
Align key visuals to the center ~640×312px shared safe area and avoid the bottom-left ~170×170px region the profile picture covers.
Preview both views and export
Verify both desktop and mobile previews, then export as 820×312px JPG.
When to use this tool
If you swap covers each season or campaign, locking your master design at 820×312px lets every refresh ship without re-aligning the safe area each time.
Swapping covers each season or campaign and re-fitting the center safe area in seconds
Refreshing a brand page and verifying the mobile-only ~640×360px crop in the same flow
Converting a full-size phone photo (e.g. 4032×3024) into an 820×312 banner without losing the focal subject
Facebook Cover Photo Spec Guide
Recommended sizes as of 2025. On mobile the sides may crop slightly, so keep key elements centered.
| 820 × 312px (desktop display) |
| Mobile display area: approx. 640×360px |
| File format: JPG or PNG (under 100KB recommended) |
| On mobile, the visible area shrinks to roughly 640×360px. |
| The profile photo overlaps the bottom-left — place key text toward the upper right. |
| The full 820×312px is visible on desktop. |
| Maximum file size: 30MB |
| Supported formats: JPG, PNG, GIF, WebP |
| Animated GIFs are supported in ads and posts. |
FAQ
Why does my cover photo get cropped on mobile?
Mobile displays the cover in a narrower viewport, so the left and right edges may be trimmed. Place important text and logos near the center to keep them visible across devices.
Is there a file size limit for cover photos?
There is no strict limit, but an sRGB JPG under 100KB loads fastest and minimizes quality loss from recompression.
How much does the visible cover area differ between desktop and mobile?
Desktop shows the full 820×312px, while mobile displays only about 640×360px. The difference is significant, so keep key content centered.
Does the profile photo overlap the cover?
Yes, the profile photo appears as a circle overlapping the bottom-left of the cover. Avoid placing important text or logos in that area.
Can I use an animated GIF as a cover photo?
Facebook Pages support cover videos, but personal profile covers only accept static images (JPG, PNG).
Intent-based landing pages
Facebook Ad Photo Resizer
Resize images to the 1200×628px Facebook ad photo specification.
Facebook Event Cover Resizer
Resize your Facebook event cover image to the 1200×628px format.
Facebook Group Cover Resizer
Resize your Facebook group cover image to the 1640×856px standard.
Facebook Post Image Resizer
Resize images to the 1200×630px Facebook post standard.
Facebook Square Image Resizer
Resize images to the 1080×1080px Facebook square format.
Facebook Story Image Resizer
Resize images to the 1080×1920px vertical format for Facebook Stories.