Free tool · No sign-up

Generate OG images. Download in one click.

Pick a template, type your title and subtitle, choose a brand color, and download a pixel-perfect 1200×630 PNG. Everything runs client-side — nothing leaves your browser.

0/120
0/80
<meta property="og:image" content="https://yoursite.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Page preview">
<meta name="twitter:card" content="summary_large_image">
Replace the URL with where you host the image — it must be an absolute https URL.

Everything runs in your browser — no upload, no server, no watermark.

PREVIEW · 1200 × 630
Generate OG images for every page — automatically.
Linkraft lets you define OG image templates, bind them to page data, and render thousands of images from one design.
Join the waitlist
WHY OG IMAGES MATTER

A missing image makes every share look broken

When someone shares your URL on Twitter, Facebook, LinkedIn, Slack, Discord, WhatsApp, or iMessage, the platform fetches your og:image meta tag and renders it as a visual card. A link with a compelling image gets 2–5× more clicks than a bare URL.

If og:image is missing, most platforms render a generic grey placeholder or nothing at all. Even a simple branded image with your title is dramatically better than no image.

DIMENSIONS

1200 × 630 — the universal safe zone

The standard OG image size is 1200×630 pixels (1.91:1 ratio). This works across every major platform:

  • Facebook — renders at 1200×630, crops taller images.
  • Twitter/Xsummary_large_image uses the full width; summary crops to a square.
  • LinkedIn — displays at 1200×627, so 630 is safe.
  • Slack — scales down but preserves aspect ratio.
  • Discord — renders inline at up to 400px wide.
  • WhatsApp / iMessage — crop to roughly 2:1.

Keep important text and logos inside the center 1000×500 area — some platforms crop edges.

BEST PRACTICES

Five rules for effective OG images

  1. Keep text large — the image is often shown at 300–400px wide. If your title isn't readable at that size, it's too small.
  2. Use high contrast — white text on a dark gradient is safer than light-on-light or dark-on-dark combinations.
  3. Brand it — include your brand color or logo so the card is recognizable without reading the text.
  4. Keep file size under 300KB — large images slow down unfurling and may be skipped by crawlers.
  5. Set og:image:width and og:image:height — explicit dimensions prevent layout shifts while the image loads.
AT SCALE

One image per page, ten thousand pages

This tool generates one image at a time. If you need unique OG images for every product page, blog post, or category — each with the correct title and branding — that's what Linkraft automates.

Define an image template once, bind the title and subtitle to your page data, and Linkraft renders a unique OG image for every matching URL.

Fix this across every route

The checker is free today. Join the waitlist for the full Linkraft platform — route-level fixes, monitoring, reports, and client-ready workflows.

By joining the waitlist, you agree to receive launch updates from Linkraft. You can unsubscribe at any time.

No spam. Just launch updates and useful resources about metadata, schema, and link previews.