Free Tool

OG Image Generator

Design a 1200×630 social share image in your browser, download the PNG, and copy the ready-made og:image meta tags. No signup, no watermark.

Open Graph & Twitter meta tags — paste into your <head>html

Better previews, more clicks

A strong Open Graph image is one of the highest-leverage SEO and social wins: it is the first thing people see when your link is shared, and it directly affects click-through rate. Unlike generic design tools, this generator is built for implementation — it renders a pixel-perfect 1200×630 PNG entirely in your browser and hands you the exact og:image and twitter:image meta tags to drop into your <head>. No signup, no watermark, and your content never leaves your device.

How to add an OG image to your website

  1. Design the image. Pick a template, or use Generate from URL to pre-fill your page's title and description, then set your brand colors and logo.
  2. Download the PNG and upload it to your site, ideally at a permanent URL that will not change.
  3. Paste the meta tags into the page's <head>, replacing the image path with the URL you just uploaded to. The og:image URL must be absolute, starting with https://.
  4. Test the preview with Facebook's Sharing Debugger or LinkedIn's Post Inspector, and re-scrape if an old image is still cached.

For the full specs and design rules behind a good preview, read our complete guide to social share images and SEO. To check the rest of your page's head tags, the meta description generator previews how your snippet will look in Google.

Frequently Asked Questions