KitJade
Images & DesignRuns in your browserNew

Open Graph Image Generator

Make a 1200×630 social share image.

Use the Open Graph Image Generator tool

Runs in your browserUpdated Report a problem

What this open graph image generator does

Open Graph Image Generator draws a 1200 × 630 PNG with a headline, optional subtitle and your brand colours. It wraps long text, adds an accent bar and uses a subtle glow so the card is readable in link previews.

The image is drawn with Canvas in your browser and downloaded directly. You still need to reference it in an og:image meta tag and make sure the URL is absolute.

Why use it

  • Give articles and tools a consistent share image without a design app.
  • Avoid the default blank or cropped preview on social platforms.
  • Produce a correctly sized card every time.

How to use it

  1. 1Enter the headline and optional subtitle.
  2. 2Choose background, text and accent colours.
  3. 3Check the preview for awkward line breaks.
  4. 4Download the PNG and set it as the og:image for the page.

Worked examples

Tool page

Input

Headline “DNS Lookup”, subtitle “Records, TTLs and propagation”

Output

A 1200 × 630 card with a dark background and a blue accent bar.

Long headline

Input

A 90-character headline

Output

The text wraps onto several lines; shorten it if the preview looks crowded.

Common mistakes

  • Using a relative og:image URL, which social crawlers cannot resolve.
  • Placing important text near the edges, where some platforms crop.
  • Forgetting to set og:image:width and og:image:height for reliable previews.

Frequently asked questions

Is 1200 × 630 the right size?
It is the widely used Open Graph size and works for most link previews. Some platforms still crop to square or portrait.
Can I use a photo background?
This generator uses solid colours and a glow. Compose a photo card in an image editor if you need photographic backgrounds.
Where does the PNG go?
Upload it to your site, then add or update the og:image meta tag with the absolute URL.
Does it test how the preview looks?
It shows the generated image only. Use the Open Graph previewer tool to check the meta tags a page exposes.

Related tools

All tools

Open Graph Previewer

Preview and generate social sharing tags.

Runs locallyNew

Social Media Image Resizer

Crop an image to common social media sizes.

Runs locallyNew

Meta Tag Analyzer

Audit the head of a page for SEO and sharing tags.

Runs locallyNew

Favicon Generator

Generate PNG favicons and a multi-size ICO.

Runs locallyNew