Social Media Image Size Guide
Comprehensive guide to optimal image dimensions for all social platforms
Quick Reference
| Platform | Recommended Size | Aspect Ratio | Min Size | Max File Size |
|---|---|---|---|---|
| 1200 x 630 px | 1.91:1 | 200 x 200 px | 8 MB | |
| Twitter (Large) | 1200 x 628 px | 2:1 | 300 x 157 px | 5 MB |
| Twitter (Summary) | 120 x 120 px | 1:1 | 120 x 120 px | 5 MB |
| 1200 x 628 px | 1.91:1 | 400 x 400 px | 5 MB | |
| 1200 x 630 px | 1.91:1 | 200 x 200 px | 5 MB | |
| Slack | 1200 x 630 px | 1.91:1 | 200 x 200 px | No limit |
| Discord | 1200 x 630 px | 1.91:1 | 200 x 200 px | No limit |
🎯 Universal Recommendation
Use 1200 x 630 pixels (1.91:1 aspect ratio) for maximum compatibility across all platforms. This size works well on Facebook, Twitter, LinkedIn, WhatsApp, Slack, and Discord.
Platform-Specific Details
Recommended: 1200 x 630 px (1.91:1 ratio)
Minimum: 200 x 200 px (anything smaller won't display)
Maximum: No upper limit on dimensions
File size: Up to 8 MB
Formats: JPG, PNG, WebP, GIF (animated GIFs show first frame)
Notes:
- Images under 200x200px won't show
- Landscape images (wider than tall) display better in feed
- Square images (1:1) display smaller
- Facebook compresses images, so use high quality source
Summary Card with Large Image (Recommended):
- Recommended: 1200 x 628 px (2:1 ratio)
- Minimum: 300 x 157 px
- Maximum: 4096 x 4096 px
Summary Card:
- Size: 120 x 120 px minimum (1:1 square)
- Displays as small thumbnail
File size: Up to 5 MB
Formats: JPG, PNG, WebP, GIF
Important: Must use HTTPS URLs
Recommended: 1200 x 628 px (1.91:1 ratio)
Minimum: 400 x 400 px
File size: Up to 5 MB
Formats: JPG, PNG, GIF
Notes:
- LinkedIn crops to 1.91:1 aspect ratio
- Text overlays should be in "safe zone" (central 80%)
- Professional, high-quality images perform best
Recommended: 1200 x 630 px
Minimum: 200 x 200 px
File size: Up to 5 MB (recommended)
Formats: JPG, PNG
Notes:
- Uses Open Graph tags
- Preview shows on mobile devices when sharing links
- Smaller images work but look pixelated
Image Optimization Best Practices
✓ Use the Right Dimensions
Always create images at exactly 1200x630px. Don't rely on platforms to resize - they may crop unexpectedly.
✓ Optimize File Size
Target 200-500 KB for optimal loading speed. Use tools like:
- TinyPNG or ImageOptim for compression
- WebP format for modern browsers (with JPG fallback)
- Quality setting of 80-85% (minimal visual loss, huge size savings)
✓ Design for Mobile First
Most social media users are on mobile. Ensure text is readable at small sizes (min 24px font).
✓ Use High Contrast
Ensure text is legible with high contrast between text and background. Avoid low-contrast combinations.
✓ Test on Multiple Platforms
Use our Social Media Tester to preview how your image appears on different platforms before publishing.
✓ Add Alt Text
Always include descriptive alt text (og:image:alt or twitter:image:alt) for accessibility and SEO.
Common Mistakes to Avoid
❌ Using Images Under 200x200px
Tiny images won't display on most platforms. Always use at least 1200x630px.
❌ Portrait Orientation
Portrait (vertical) images get cropped badly. Always use landscape (horizontal) orientation.
❌ Placing Important Content Near Edges
Platforms crop images differently. Keep important text/logos in the center "safe zone" (central 80%).
❌ Using Huge File Sizes
Files over 1-2 MB load slowly on mobile. Compress images to 200-500 KB without sacrificing quality.
❌ Not Testing Before Publishing
What looks good on your screen may not work on mobile or different platforms. Always test first.
Recommended Image Tools
Design Tools
- • Canva: Easy template-based design
- • Figma: Professional design tool
- • Adobe Photoshop: Advanced editing
- • GIMP: Free Photoshop alternative
Optimization Tools
- • TinyPNG: Compress PNG/JPG
- • ImageOptim: Mac compression tool
- • Squoosh: Browser-based optimizer
- • Sharp: Node.js library for automation
Related Tools
Ready to Put This Into Practice?
Now that you understand the requirements, use our tools to implement and test your Open Graph tags.