SiteTidy
Home /Tools /Open Graph Image Generator

Open Graph Image Generator

Quickly design and export 1200x630 images for Twitter cards, Facebook shares, and LinkedIn posts.

Open Graph Image Generator

Design stunning, perfectly sized (1200x630) social share images instantly.

Live Preview (1200x630)

My Awesome Blog Post

Learn how to generate dynamic Open Graph images.

SiteTidy

Content & Styling

What is an Open Graph (OG) Image?

When someone shares a link to your website on social media platforms like Twitter, Facebook, LinkedIn, or Discord, the platform fetches an image to display alongside the title and description. This image makes your link significantly more clickable and engaging.

Best Practices

  • Size: The universally recommended size is 1200x630 pixels (an aspect ratio of 1.91:1).
  • Keep it simple: The image will often be viewed on small mobile screens. Large text and clear contrast work best.
  • Title focus: Put the main title of your article or page front and center.

How to use it

Once you've downloaded the image, upload it to your website and add the following meta tags to the <head> of your HTML:

<meta property="og:image" content="https://example.com/og-image.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/og-image.png">

Related Guides

Deepen your understanding with our expert articles.