PixResize Image to 820x312
Facebook page cover photos display at 820x312 pixels on desktop. Uploading at this exact size prevents Facebook from compressing or cropping your cover, keeping text and important details sharp.
1,000+ images processed · Your images never leave your browser
About 820x312 Pixels
Dimensions: 820 pixels wide × 312 pixels tall
Aspect ratio: 205:78
Common uses: Facebook cover photos
Why 820x312 Is the Facebook Cover Photo Standard
The 820x312 pixel dimension is Facebook's official cover photo size for personal profiles on desktop. It sits at the top of every Facebook profile, spanning the full width of the content area — making it one of the highest-visibility image placements on any social platform. Getting this dimension right matters because Facebook does not simply scale your image to fit. It crops it, and the crop changes depending on the device.
On desktop browsers, Facebook displays the cover photo at exactly 820x312 pixels. On mobile, the display shifts to approximately 640x360 pixels — a different aspect ratio entirely. This means the left and right edges of your 820-pixel-wide image get cropped on phones, while the top and bottom gain more visible area. The practical consequence: if you place text or a logo near the edges of an 820x312 canvas, mobile viewers will not see it. The safe zone for critical content is roughly the center 640x312 area.
Facebook company pages use a different cover dimension — 1200x674 on desktop — but personal profiles, groups, and events all derive from the 820-pixel-wide baseline. Event covers use 1200x628 (a wider crop of the same 1.91:1 ratio), and group covers use 1640x856. If you manage a brand presence across personal profiles, pages, and groups, you will need multiple cover sizes. But 820x312 remains the one most people encounter first when setting up or updating their profile.
Photographers and designers often struggle with Facebook cover photos because the aspect ratio (roughly 2.63:1) is extremely wide. Most photographs are shot at 3:2 or 4:3, which means significant vertical cropping is required to fit the cover format. The best approach is to start with a wider composition, resize to 820x312 using the crop or cover fit mode, and preview the result before uploading. Pixotter's cover fit mode fills the target area and lets you adjust which part of the image is preserved.
Upload your cover photo as JPEG at quality 85-90. Facebook re-encodes all uploads, so giving it a high-quality source minimizes double-compression artifacts. The maximum upload size is 25MB, but there is no benefit to uploading anything above 820 pixels wide for a personal cover — Facebook will downscale it, and the extra data just slows the upload.
820x312 vs Similar Social Banner Dimensions
| Dimension | Aspect Ratio | Common Use | File Size (JPEG, q85) | Best For |
|---|---|---|---|---|
| 820x312 | ~2.63:1 | Facebook personal cover photo | 40-80KB | Facebook profiles; desktop-optimized cover display |
| 1200x628 | 1.91:1 | Facebook event cover, OG image | 80-150KB | Link previews, event pages, Open Graph sharing |
| 1584x396 | 4:1 | LinkedIn cover/banner photo | 60-120KB | LinkedIn profiles and company pages |
| 1500x500 | 3:1 | Twitter/X header banner | 60-110KB | Twitter/X profile headers |
| 1080x608 | ~1.78:1 | Facebook Reels cover, 16:9 thumbnail | 70-130KB | Video thumbnails and Reels cover frames |
Notes: Facebook covers are uniquely challenging because desktop and mobile display different crops of the same image. Design at 820x312 but verify critical content stays visible in the 640x312 center safe zone. For cross-platform social banners, you will need separate files — the aspect ratios are too different to share one image.
Frequently Asked Questions
Why does my Facebook cover photo look different on mobile versus desktop?
Facebook displays cover photos at 820x312 on desktop but crops to approximately 640x360 on mobile — a taller, narrower view. This means the left and right edges visible on desktop get clipped on phones, while more of the top and bottom shows. Keep logos, text, and key visual elements within the center 640x312 pixels to ensure they appear on both devices. Resize your image to 820x312 and use Pixotter's preview to check composition before uploading.
Can I use the same cover image for my Facebook page and personal profile?
No — they use different dimensions. Personal profiles display at 820x312, while company pages display at 1200x674 on desktop. Uploading a 820x312 image to a company page results in upscaling and visible blurriness. Create separate versions: resize to 820x312 for your personal profile and a separate file at 1200x674 for your page. See the Facebook image size guide for all placement dimensions.
What file format should I use for a Facebook cover photo?
JPEG at quality 85-90 produces the best results. Facebook re-encodes all uploads to JPEG or WebP regardless of the source format, so starting with a clean JPEG avoids unnecessary format conversion. PNG is accepted but offers no advantage for photographs — it produces larger files that Facebook converts to JPEG anyway. After resizing, compress your cover photo to keep upload times fast without sacrificing quality.
How do I resize a portrait photo to fit the 820x312 cover format?
The 2.63:1 aspect ratio is extremely wide, so portrait photos require heavy cropping. Use Pixotter's crop tool to select the most important horizontal slice of your image first, then resize to 820x312. Alternatively, use the cover fit mode during resize, which fills the 820x312 frame and lets you control which portion of the original image is preserved. Avoid stretch mode — it will distort portrait images beyond recognition.
Does Facebook compress my cover photo after I upload it?
Yes. Facebook re-encodes every uploaded image to optimize bandwidth. Starting with an image at exactly 820x312 pixels and JPEG quality 85-90 gives Facebook's encoder the best source material, minimizing visible compression artifacts. Uploading a much larger image (say 3000x1144) does not help — Facebook downscales first, then compresses, which can introduce more artifacts than a properly pre-sized upload. For tips on Facebook-specific image handling, see the resize for Facebook guide.
What is the safe zone for text on a Facebook cover photo?
Keep all text and critical visual elements within the center 640x312 pixels of your 820x312 canvas. That means leaving roughly 90 pixels of margin on the left and right edges. On desktop, the profile photo overlaps the bottom-left corner of the cover, so avoid placing content there as well. Mobile cropping is unpredictable across different phone screen sizes, so the tighter you keep your safe zone, the more reliable the result across devices.
How It Works
Drag and drop any image — JPEG, PNG, WebP, AVIF, and more are all supported.
The tool pre-fills the target dimensions (820×312 pixels). Choose fit mode: contain (preserve ratio), cover (fill and crop), or stretch (exact dimensions).
Your resized image is ready. Optionally compress or convert the format before downloading.
Need bigger files or batch processing? See Pro plans →