Social Media Images: Sizes & Practices

Every social platform has different image requirements. What looks perfect on Twitter might get cropped awkwardly on LinkedIn. A Facebook cover photo won’t work as an Instagram post.

Understanding these dimensions—and designing within their constraints—makes your content look professional across every platform.

Image Size Quick Reference

Open Graph / Link Previews

Platform	Size	Aspect Ratio
Facebook	1200×630	1.91:1
Twitter	1200×628	~1.91:1
LinkedIn	1200×627	1.91:1
WhatsApp	1200×630	1.91:1
Discord	1200×630	1.91:1

Safe zone: Keep important content in the center 1080×560 area (some cropping varies)

Profile Pictures

Platform	Size	Shape
Twitter	400×400	Circle
LinkedIn	400×400	Circle
Facebook	170×170	Circle (displays smaller)
Instagram	320×320	Circle
TikTok	200×200	Circle

Design tip: Account for circular cropping—keep faces/logos centered

Cover Photos / Banners

Platform	Size	Notes
Twitter Header	1500×500	3:1 aspect ratio
LinkedIn Banner	1584×396	Personal profile
LinkedIn Company	1128×191	Company page
Facebook Cover	820×312	Desktop display
YouTube Banner	2560×1440	Safe area: 1546×423

Feed Posts

Platform	Sizes
Instagram Square	1080×1080
Instagram Portrait	1080×1350
Instagram Landscape	1080×566
Facebook Post	1200×630
LinkedIn Post	1200×1200 or 1200×627
Twitter Post	1200×675 or 1200×1200

Stories

Platform	Size
Instagram Stories	1080×1920
Facebook Stories	1080×1920
TikTok	1080×1920

All use 9:16 aspect ratio for full-screen vertical content.

Design Best Practices

Keep Text Minimal

Social images are viewed quickly. If you include text:

• Use large, bold fonts
• Limit to a few words
• Ensure contrast with background
• Test at small sizes

Account for Cropping

Different platforms crop differently. Design with a “safe zone”:

• Keep essential content in the center
• Avoid putting text near edges
• Test on multiple platforms

Maintain Brand Consistency

Use consistent:

• Colors (your brand palette)
• Fonts (your brand typography)
• Logo placement
• Visual style

Consider Mobile First

Most social media is consumed on mobile:

• Text must be readable on small screens
• Simple compositions work better
• Avoid fine details that get lost

Use High Contrast

Images compete in busy feeds:

• Bold colors stand out
• High contrast is more visible
• Avoid muddy or muted palettes

Creating Images Without Design Skills

Templates

Platforms like Canva offer templates sized correctly for each platform. Start with a template and customize.

Our Social Media Image Generator

The Social Media Image Generator lets you create images for:

• OG images (1200×630)
• Twitter headers (1500×500)
• LinkedIn banners
• Facebook covers
• Instagram posts
• And more

Features:

• Custom backgrounds (colors, gradients, images)
• Text with multiple fonts
• Logo upload
• Preset sizes for each platform
• Download in PNG format

It’s free and requires no design software.

AI Image Tools

For unique imagery:

• DALL-E, Midjourney for generated images
• Remove.bg for background removal
• Canva’s AI features

Platform-Specific Tips

Twitter/X

• Use summary_large_image card for link previews
• Headers get cropped on mobile (keep text centered)
• Animated GIFs work in tweets
• Max 4 images per tweet (displayed in grid)

LinkedIn

• Professional aesthetic performs better
• Infographics and data visualizations work well
• Blue tones tend to perform (platform color psychology)
• Square images take up more feed space

Facebook

• Cover photos crop differently on mobile vs desktop
• Link previews can be text-only or with image (algorithm decides)
• Video thumbnails matter for engagement
• Carousel posts show up to 10 images

Instagram

• Consistent visual style builds following
• Portrait (4:5) takes up more feed space than square
• Carousel posts get more engagement
• Stories should feel less polished than feed

OG Images Specifically

For link previews (OG images), special considerations:

Include Branding

When links are shared, your OG image represents your site:

• Include your logo
• Use brand colors
• Consistent style across all pages

Include the Title

For blog posts and articles:

• Render the article title in the image
• Use readable fonts
• Maintain hierarchy with author/site info smaller

Dynamic Generation

For sites with many pages, generate images programmatically:

// Example: Using @vercel/og
import { ImageResponse } from '@vercel/og';

export async function GET(request) {
  const { searchParams } = new URL(request.url);
  const title = searchParams.get('title');

  return new ImageResponse(
    (
      <div
        style={{
          display: 'flex',
          fontSize: 60,
          background: 'linear-gradient(to right, #0ea5e9, #8b5cf6)',
          width: '100%',
          height: '100%',
          padding: '50px',
          alignItems: 'center',
          justifyContent: 'center',
          color: 'white',
        }}
      >
        {title}
      </div>
    ),
    { width: 1200, height: 630 }
  );
}

Testing Your Images

Before publishing:

1. Check dimensions: Verify correct pixel sizes
2. Preview on platforms: Use debuggers or our Social Media Preview
3. Test on mobile: View on actual devices
4. Check file size: Keep under 5MB (ideally under 1MB)

Image Optimization

File Size

Large images slow down previews:

• Compress JPGs to 80% quality
• Use PNG only when transparency needed
• Consider WebP where supported
• Use tools like TinyPNG, Squoosh

Loading Speed

OG images are fetched by platform crawlers:

• Host on fast servers or CDNs
• Use proper caching headers
• Avoid redirects

Accessibility

Even for social images:

• Don’t rely solely on images for information
• Provide alt text where supported
• Ensure sufficient color contrast

Take Action

1. Audit your current social images
2. Create properly sized images using Social Media Image Generator
3. Test previews with Social Media Preview
4. Update OG images for key pages
5. Establish consistent templates for future content

For help with social media design or brand strategy, reach out.