OG image generator

Ship consistent link previews that match your article title and brand. Start from a layout sized for Open Graph, tune the text, then download a PNG.

Quick creator

Recommended export size

1200×630 px

Recommended templates

Each opens in the editor with this format preset applied. Browse all templates

How it works

  1. Choose a starter template or jump straight into the editor.
  2. Set your headline and supporting copy to match the page you’re sharing.
  3. Export at the built-in OG dimensions—no manual resizing.

Best practices

  • Keep the title readable at small preview sizes.
  • Contrast text against the background so it survives compression.
  • Reuse one layout family so previews feel on-brand.

Implement Open Graph images in your website

After creating your Open Graph image, upload it to a public path on your site and reference it from your page metadata. This helps link previews display a clear title, description, and image across social platforms.

<!-- Basic Open Graph tags -->
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og-image.png" />
<meta property="og:url" content="https://yourdomain.com/page" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og-image.png" />

FAQ

What size is an Open Graph image?
FeatureImg uses 1200×630 px for the OG format—the common default for rich link previews.
Can I match my blog featured image?
Yes. Use the blog featured format when you need the same aspect as your CMS, or duplicate styling between formats in the editor.
What file format do I download?
Exports download as PNG from your browser—pick a template, edit copy and styling, then export at the preset dimensions.
Do I need an account?
No sign-up is required to use the editor or download images.