🍋
Menu
How-To Beginner 1 min read 182 words

How to Create the Perfect Open Graph Image

Open Graph images are the visual preview when links are shared on social media. Learn optimal dimensions, design tips, and testing procedures.

Key Takeaways

  • The standard Open Graph image size is 1200×630 pixels (1.91:1 aspect ratio).
  • OG images should be readable at small sizes — they often appear as tiny thumbnails in link previews.
  • Different platforms crop OG images differently.
  • Include the page title and your brand name/logo.
  • Test OG images using platform-specific tools:

The standard Open Graph image size is 1200×630 pixels (1.91:1 aspect ratio). This works across Facebook, LinkedIn, Twitter, Slack, Discord, and iMessage. Using this single size covers all major platforms.

Design Principles

OG images should be readable at small sizes — they often appear as tiny thumbnails in link previews. Use large text (minimum 60px), high contrast, and bold visuals. Avoid fine details that disappear at thumbnail scale.

Safe Zones

Different platforms crop OG images differently. Keep all important content within the central 80% of the image. Text and logos near edges may be cropped on some platforms.

Text on Images

Include the page title and your brand name/logo. Use 2-3 lines of text maximum. White or light text on a dark overlay works well for readability. Avoid placing text where it might be obscured by platform UI elements.

Testing

Test OG images using platform-specific tools:

  • Facebook: Sharing Debugger
  • Twitter: Card Validator
  • LinkedIn: Post Inspector

Clear the platform's cache after updating images — old images may persist for days unless manually invalidated.

関連ツール

関連フォーマット

関連ガイド