Recommended Image Formats and Sizes for Each Social Media Platform
Why Social Media Image Optimization Matters
Optimizing image sizes and formats for social media directly impacts engagement rates. Each platform has unique display specifications, and images that don't match recommended sizes are automatically cropped or compressed, potentially resulting in unintended appearances.
Specific reasons why optimization is critical:
- Visibility: Properly sized images display larger in timelines, catching users' attention while scrolling
- Quality preservation: Minimizes quality degradation from platform-side recompression
- Loading speed: Oversized files delay loading on mobile, causing user drop-off
- Brand image: Blurry or awkwardly cropped images undermine professional impressions
OGP (Open Graph Protocol) images are particularly important as they automatically display when URLs are shared, significantly affecting click-through rates. Simply setting properly sized OGP images has been reported to improve link click rates by 2-3x. Since each platform's specifications are frequently updated, regular verification and adaptation are necessary.
X (formerly Twitter) Image Specifications
X is a text-based platform, but posts with images reportedly achieve approximately 150% higher engagement than text-only posts. Understanding X's image specifications ensures optimal display.
Post images (timeline display):
- Recommended:
1200 x 675px(16:9) or1200 x 1200px(1:1) - Maximum file size: 5MB (JPEG/PNG), 15MB (GIF)
- Supported formats: JPEG, PNG, GIF, WebP
- Image count: Up to 4 (2 images side-by-side, 3-4 in grid layout)
Profile image:
- Recommended:
400 x 400px(cropped to circle) - Header image:
1500 x 500px(3:1)
OGP card image (Summary Card with Large Image):
- Recommended:
1200 x 628px(1.91:1) - Minimum:
300 x 157px - Maximum file size: 5MB
X recompresses JPEG images on upload, but PNG images are conditionally preserved without loss. Specifically, PNGs under 900px without transparency tend to avoid recompression. Uploading images containing text or logos as PNG prevents character blurring.
Instagram Image Specifications
Instagram is an image-centric platform where image quality directly impacts follower acquisition and engagement. Different specifications apply to feed posts, Stories, and Reels.
Feed posts:
- Square:
1080 x 1080px(1:1) - most common - Portrait:
1080 x 1350px(4:5) - occupies maximum feed area, higher engagement - Landscape:
1080 x 566px(1.91:1) - for landscape photos - Maximum file size: 30MB
- Supported formats: JPEG, PNG (JPEG recommended)
Stories / Reels:
- Recommended:
1080 x 1920px(9:16, full screen) - Safe area: Top and bottom 250px may be obscured by UI elements; place important information in the center
Carousel posts:
- Up to 10 images. All images' aspect ratios are unified to the first image
- Setting the first image to 4:5 makes all images display in portrait, increasing feed presence
Instagram converts all images to JPEG, so even PNG originals ultimately receive lossy compression. For maximum quality, export originals at exactly 1080px width to bypass Instagram's resize processing. Images wider than 1080px are downscaled; those under 320px are upscaled.
Facebook and LINE Image Specifications
Facebook image specifications:
Facebook supports diverse post formats, each with optimal sizes.
- Feed posts:
1200 x 630px(1.91:1) recommended. Square1200 x 1200pxalso works - OGP images:
1200 x 630px(1.91:1). Minimum600 x 315px - Cover photo:
820 x 312px(desktop),640 x 360px(mobile) - Profile photo:
170 x 170px(desktop),128 x 128px(mobile) - Event cover:
1200 x 628px - Maximum file size: 30MB
Facebook OGP images at 1200 x 630px or larger display as large cards. Below this threshold, they appear as small thumbnails, significantly reducing click-through rates.
LINE image specifications:
- OGP images:
1200 x 630px(1.91:1). LINE crops the center630 x 630pxsquare for display, so concentrate important information in the center - Rich messages:
1040 x 1040px(square) - Rich menu (large):
2500 x 1686px - Rich menu (small):
2500 x 843px
LINE's OGP display differs from other platforms with its square cropping behavior, making "safe area" design essential when creating landscape OGP images - place primary content within the center square.
OGP Image Design Strategy
OGP (Open Graph Protocol) images are thumbnail images automatically displayed on various social platforms when URLs are shared. Since a single image must work across multiple platforms, strategic design is essential.
Universal OGP size:
For single-image multi-platform compatibility, 1200 x 630px (1.91:1) offers the best versatility. It displays appropriately on X, Facebook, LinkedIn, and Discord. However, considering LINE's square cropping, keep important elements within the center 630 x 630px area.
OGP image design principles:
- Large text: Use minimum 40px font size to remain readable in small mobile thumbnails
- Ensure contrast: Maintain high contrast between background and text for visibility in any environment
- Include brand elements: Place logos and brand colors so content source is immediately identifiable
- Sufficient margins: Don't place elements at the very edges. Maintain 50px+ margins on all sides to accommodate various platform cropping behaviors
In HTML <meta> tags, specify absolute URLs for og:image and include og:image:width and og:image:height to help social crawlers pre-determine image dimensions, improving display stability.
Efficient Image Export Workflow
Efficiently producing images for multiple platforms requires building a template-based workflow. Creating each size from scratch every time is inefficient and introduces quality inconsistencies.
Template design approach:
- Create master templates in Figma or Canva with frames for each platform
- Componentize shared elements (logo, brand colors, fonts) for batch updates
- Design systems where replacing only text produces new OGP images
Automation tools:
sharp(Node.js): Programmatic image resizing and conversion, integrable into build pipelinesCloudinary: Dynamic resizing and format conversion via URL parameters, doubling as CDN deliveryog-imagelibraries: Dynamic OGP image generation from HTML/CSS, automatically converting article titles to images
Format selection guidelines:
- Photos: JPEG (quality 80-85%) - optimal balance of file size and quality
- Text/logos: PNG - maintains sharp text edges
- Animation: GIF (X) or MP4 (Instagram, Facebook)
- WebP: Growing platform support, but JPEG/PNG remains safer for OGP images
When exporting, verify each platform's maximum file size limits and adjust quality parameters accordingly. For JPEG, visual differences become negligible above 85% quality, making 80-85% the practical sweet spot.