Resize Image For Facebook Cover
Built on the Image Resizer — free, private, no signup.
Key specs
- Facebook Page cover: 820 × 312 px on desktop (approx. 16:6).
- Mobile crops the same image to about 640 × 360 px visible area.
- Profile picture overlaps the cover's bottom-left on desktop pages.
How to do it
- Open the Image Resizer and load your cover artwork.
- Resize the canvas to 820 × 312 px (custom width/height).
- Export, then preview on both desktop and the mobile app before publishing.
Constraints to know
- Safe zone: keep logos and text within the center ~1200 × 312 px (desktop) and the center ~640 × 360 px (mobile).
- Covers render smaller on mobile — verify key content survives both crops.
- PNG for flat graphics, JPG for photos.
If something looks wrong
- Mobile cut off my logo? It sat outside the ~640 × 360 mobile crop — recenter and re-export.
- Blurry on desktop? Source was under 820 px wide; start from a larger image.
- Dark band appears? Facebook applies a slight scrim over covers — avoid critical content at the very bottom.
Questions
What is the Facebook cover size?
820 × 312 px desktop; mobile shows roughly 640 × 360 px of the same image. Design to the mobile-safe center.
Why does my Facebook cover look different on mobile?
Mobile crops the sides and shows a shorter band — keep essential content centered.
Can I use one image for both desktop and mobile?
Yes, at 820 × 312 px with all key content inside the central safe zone.