Using correct Facebook image sizes helps your visuals display sharply, load quickly, and occupy more screen space in the feed, making your posts and ads more effective. This guide covers recommended dimensions for posts, link previews, Stories, ads, profile pictures, and cover photos, plus export settings, file types, and best practices so your images look great on both mobile and desktop.
Key Facebook Image Dimensions at a Glance
The following table summarizes the most commonly used image sizes and recommended formats for different placements on Facebook.
| Image Use | Recommended Size (px) | Aspect Ratio | Notes |
|---|---|---|---|
| Link preview (shared link) | 1200 x 630 | 1.91:1 | Minimum 600 px width; displays title, description, and image. |
| Feed image (static) | 1200 x 630 | 1.91:1 | Landscape performs best; square also acceptable. |
| Feed image (high engagement) | 1080 x 1080 | 1:1 | Square images display large on desktop and mobile. |
| Portrait (mobile feed) | 1080 x 1350 | 4:5 | Fills more vertical space without cropping. |
| Landscape (mobile feed) | 1080 x 566 | 1.91:1 | Near video preview aspect; good for imagery with side content. |
| Facebook Stories | 1080 x 1920 | 9:16 | Full-screen vertical; include action-safe margins. |
| Profile picture | 170 x 170 | 1:1 | Displays at 160 px; save as square PNG or JPG. |
| Cover photo (desktop) | 820 x 312 | 2.64:1 | Ensure key content stays within center safe area. |
| Cover photo (mobile) | 640 x 360 | 16:9 | Covers slightly different layout on mobile. |
| Thumbnail (small link preview) | 152 x 152 | 1:1 | Used in link previews when larger image is absent. |
Image File Types and Recommended Settings
Choose the right file type to balance quality and file size. Use JPG for photographs and detailed graphics, PNG for images needing transparency or crisp edges, and SVG for simple logos and icons when supported. For GIFs, keep them short and under 15 MB, noting that animated GIFs may not autoplay in all contexts.
- JPG: Good for photos and complex images; keep quality high (85–95%) to preserve detail.
- PNG: Ideal for graphics, logos, and images with text; use PNG-24 for transparency.
- SVG: Best for logos and simple illustrations; scales cleanly on high-DPI screens.
- File size: Under 8 MB for most posts; smaller files load faster and reduce buffering on mobile connections.
Image Compression and Export Settings
Export images without introducing heavy artifacts by saving at high quality and slightly optimizing for web use. Avoid multiple re-saves, which can blur edges and increase file size unnecessarily. For best results, resize before uploading and use sRGB color profile to ensure consistent colors across devices.
Recommended Export Workflow
- Resize image to target dimensions in your editing tool.
- Apply moderate compression for JPG (quality ~85–90) or optimize PNG with lossless tools.
- Convert to sRGB and attach an sRGB IEC61966-2.1 embedding when possible.
- Validate final file size and visual quality before uploading.
Placement-Specific Guidance
Different placements show images differently, so tailoring your content can increase engagement and reduce cropping surprises.
Link Previews and Shared Links
When someone shares a link from your website, Facebook scrapes the Open Graph image you specify. Use an image sized around 1200 x 630 with a clear focal point and minimal text overlay to ensure the preview appears crisp and recognizable in the feed.
Feed Posts
Feed images in the main column typically appear at a 1.91:1 landscape ratio, but square images also display well. Text-heavy visuals perform best when key text is kept within the center safe area to avoid clipping on smaller screens.
Stories and Reels
Stories are full-screen vertical; use 1080 x 1920 and place essential content away from edges. For Reels and video-heavy feeds, consider adding captions and bold graphics that remain visible when the sound is off.
Profile and Cover
Profile pictures are cropped into a circle and displayed at about 160 px across; ensure subject contrast and detail are visible at that size. Cover photos should place the most important visuals in the central portion, which remains visible on both desktop and mobile.
Accessibility and Readability Tips
High-contrast text and simple backgrounds improve legibility on small mobile screens. Avoid low-contrast text overlays and busy regions where Facebook overlays icons or labels. If you include important messaging in the image, ensure it remains visible after automatic cropping.
Testing and Iteration
Upload sample posts and view them on mobile and desktop to verify cropping, clarity, and branding alignment. Monitor performance for different aspect ratios and adjust your templates based on engagement data rather than speculation.
By matching image sizes to Facebook placements and using clean, high-quality exports, you keep your visuals looking professional, load times low, and your audience experience consistent across devices.