Putting critical content near the edges
On mobile, roughly 90px gets cropped from each side. Phone numbers, website URLs, and calls to action near the edges disappear for mobile viewers — and Facebook has over 80% mobile users.
Facebook cover photos display at 820×312px on desktop and 640×360px on mobile. Here's everything you need to know — for personal profiles, business pages, and groups.
Preview My Facebook Photo Free →No account needed · Instant preview
Quick Reference
Cover Photos
Facebook cover photos are one of the most valuable pieces of visual real estate on the platform — especially for business pages. Getting the dimensions right is critical because Facebook crops the same image differently on desktop vs. mobile.
On desktop, your cover photo displays at 820×312px. On mobile, it's cropped to 640×360px — meaning the left and right edges of your desktop version get cut off. Keep all essential content (text, logos, faces) within the central 560px of your image to ensure nothing disappears on mobile.
For the sharpest result, upload your cover photo at exactly 820×312px as a PNG file. Facebook will compress JPGs more aggressively.
All Dimensions
Facebook has different image requirements depending on where you're uploading. Here's the full breakdown:
| Image Type | Recommended Size | Display Size | Notes |
|---|---|---|---|
| Personal Cover Photo | 820×312px | 820×312 desktop / 640×360 mobile | Keep key content centred |
| Personal Profile Picture | 180×180px | 170×170 desktop / 128×128 mobile | Cropped to circle |
| Business Page Cover | 820×312px | 820×312 desktop / 640×360 mobile | Same crop issue as personal |
| Business Page Logo | 180×180px | 170×170 desktop / 128×128 mobile | Square logo — cropped to circle |
| Group Cover Photo | 1640×856px | 820×428px | Higher res = better quality |
| Event Cover Photo | 1920×1005px | Varies by device | Cannot be resized after upload |
| Feed Post | 1200×630px | Scales to fit | 16:9 ratio works across placements |
| Link Preview Image | 1200×628px | 476×249px in feed | Set via Open Graph meta tags |
Step by Step
This is the desktop display size and your base template. Use Canva, Figma, Photoshop, or any design tool to create a canvas at exactly these dimensions.
The mobile crop shows only the central 640×360px of your image. Add guide marks at 90px from the left and right edges. Keep all text, logos, and key visuals within those guides.
On desktop, your circular profile picture sits over the bottom-left corner of your cover photo. Don't place important content in that area (roughly the bottom-left 200×200px region).
Facebook compresses JPG files more aggressively. PNG files retain more detail, especially for images with text or flat colour blocks.
Use SocialPreviewing to check how your cover photo and profile picture will look together across different devices before going live.
Common Mistakes
On mobile, roughly 90px gets cropped from each side. Phone numbers, website URLs, and calls to action near the edges disappear for mobile viewers — and Facebook has over 80% mobile users.
On desktop, your circular profile photo covers the bottom-left area of your cover image. Placing a logo or key text there means it'll be hidden behind your own photo.
If you upload a smaller image, Facebook will stretch it to fit, resulting in a blurry, pixelated cover. Always start at the exact recommended dimensions or larger.
The desktop editor shows your full cover, but most of your audience is on mobile. Always preview on a phone before considering your cover photo "done."
While the dimensions are the same, the context is different. Your personal page cover overlaps with your photo in a different position than a business page. Test both separately.
FAQ
The recommended Facebook cover photo size is 820×312 pixels for both personal profiles and business pages. On mobile, this gets cropped to 640×360px, so keep key content in the centre of your image.
Facebook profile pictures display at 170×170px on desktop and 128×128px on smartphones. Upload at a minimum of 180×180px — Facebook crops them into a circle.
Facebook crops cover photos differently on desktop (820×312px) and mobile (640×360px). The sides of your desktop image get cut on mobile. Keep all important content within the central 60% of your image width.
Facebook Group cover photos should be uploaded at 1640×856 pixels, displayed at 820×428px. The higher upload resolution means better quality in the final display.
PNG is generally better for cover photos with text, logos, or flat colour areas — Facebook compresses JPGs more, which can soften edges. For pure photographic covers without text, JPG is acceptable.
Use SocialPreviewing.com — our free tool shows you how your profile picture and cover photo will look together on Facebook, across desktop and mobile, before you publish.
See exactly how your profile picture and cover photo look together on Facebook — on desktop and mobile — before you upload. Free.
Preview My Facebook Profile →