🖼️ Open Graph Image Generator

Open Graph Images: The Gatekeepers of Social Sharing

When someone shares your link on LinkedIn, Facebook, or Twitter, the platform decides what to show based on available data. Without proper OG images, you get an ugly URL with no context. With them, you get a polished preview that makes people actually want to click.

Platform-Specific Dimensions

Different platforms have different requirements:

• Facebook: Recommended 1200x630, displays at 1.91:1 ratio. Minimum 600x315.
• LinkedIn: Similar to Facebook, supports up to 1200x627. Also accepts 1200x1200 for square shares.
• Twitter/X: Summary cards: 120x120 minimum. Summary large image: 300x157 minimum, 4096x4096 maximum.
• Slack: Uses Open Graph, so Facebook/LinkedIn sizes work. Displays at 1200x630 typically.

The 1200x630 size works across virtually all major platforms. Use it as your default.

Design Best Practices

OG images need to work at small sizes (thumbnail) and large sizes (full width). Best practices:

• Keep text minimal: On mobile, text can become unreadable. Use bold, short phrases.
• High contrast: Dark text on light background, or vice versa. Avoid gradients that reduce text readability.
• Brand consistency: Use your brand colors, fonts, and logo positioning consistently.
• Safe zones: Keep critical content in the center; edges may be cropped on some platforms.

Testing Your OG Images

Before publishing, always test how your images look:

• Facebook Sharing Debugger: debug.facebook.com/tools/sharing-debugger — Shows exactly what Facebook sees and lets you refresh cached data.
• Twitter Card Validator: cards-dev.twitter.com/validator — Previews your Twitter card and identifies issues.
• LinkedIn Post Inspector: linkedin.com/post-inspector — Similar tool for LinkedIn.

The Caching Problem

Social platforms cache shared links aggressively. If you update your OG image, old shares will still show the old image. You need to "rescrape" the URL:

• Facebook: Use the Sharing Debugger and click "Scrape Again"
• LinkedIn: Use Post Inspector and click "Inspect"
• Twitter: Use Card Validator to refresh

Step-by-Step Guide

1. Enter your title text — The main headline that appears on the image. Keep it short and impactful — 5-8 words work best.
2. Add a description (optional) — A subtitle line for additional context. Works best with simpler designs.
3. Enter your domain — Your website name appears at the bottom, establishing brand recognition.
4. Choose dimensions — The default 1200x630 matches Facebook and LinkedIn recommendations. Twitter accepts the same ratio.
5. Generate and download — Click Generate, preview your image, and download as PNG.

Tips & Best Practices

• 1200x630 is the standard — This ratio displays well on all major platforms. Minimum recommended is 600x315.
• Keep text large and readable — Remember: on mobile, images appear even smaller. Bold, simple text works best.
• Use contrasting colors — Ensure your text stands out against the background. Test readability at small sizes.
• Test before publishing — Use Facebook's Sharing Debugger or Twitter's Card Validator to preview how your image will appear.