Cheat Sheet Quick reference
English

Language

  • English
  • العربيةUnavailable
  • DeutschUnavailable
  • EspañolUnavailable
  • FrançaisUnavailable
  • ItalianoUnavailable
  • 日本語Unavailable
  • NederlandsUnavailable
  • PolskiUnavailable
  • РусскийUnavailable
  • RomânăUnavailable
  • 한국어Unavailable
  • ΕλληνικάUnavailable
  • PortuguêsUnavailable
  • SvenskaUnavailable

This page is not available in every language. Missing translations are disabled in the language selector.

Quick reference

Social Media Image Dimensions Cheatsheet

Quick reference guide for recommended social media image dimensions and asset resolutions across Facebook, Twitter, and Open Graph.

· Published

Facebook

Asset Type Recommended Size Notes
Cover photo 851 x 315 Displays at 820 x 312 on desktop
Profile picture 168 x 168 Displayed at 170 x 170 minimum
Highlighted / Post image 1200 x 717 Scales to 843 x 504 on desktop feed
Shared link preview (og:image) 1200 x 630 1.91:1 aspect ratio; minimum 600 x 315
Square thumbnail preview 154 x 154 1:1 ratio thumbnail

Twitter (X)

Asset Type Recommended Size Notes
Header banner 1500 x 500 3:1 aspect ratio
Profile avatar 400 x 400 Displays at 200 x 200
In-stream photo preview 1200 x 675 16:9 ratio; minimum 440 x 220
Twitter card summary image 120 x 120 Minimum square size
Summary card with large image 1200 x 628 2:1 aspect ratio

References

Related topics

#tools#social-media#images#design
  • Adobe XD keyboard shortcuts cheat sheet

    A complete guide to Adobe XD keyboard shortcuts, covering core functions for interface design, prototyping, and interaction design, to help designers significantly improve efficiency.

  • Affinity Designer keyboard shortcuts cheat sheet

    A comprehensive guide to Affinity Designer keyboard shortcuts, including summaries for vector design, pixel editing, and text processing core functions. An essential reference to help designers significantly improve efficiency.

  • Affinity Photo keyboard shortcuts cheat sheet

    A complete guide to Affinity Photo keyboard shortcuts, covering main functions such as photo editing, layer processing, and special effects. Make your image processing workflow more efficient.

  • Bulma CSS Framework Cheat Sheet

    A quick reference guide for the Bulma CSS framework: responsive breakpoints, columns grid, color and size modifiers, typography, and content containers.