Start a project

Tool 17 of 29 · Images

OG Image Maker

Make a clean 1200×630 share image for any page in a minute, with your title, brand, logo or photo, and the tags to make it appear when the link is shared.

OG Image Maker

Your card

Hex, rgb(), hsl() or a colour name

Preview (1200 × 630)

Tags for your page

Paste into the <head>

01

What it does

Design a 1200×630 share image with your title, logo and photo, and copy the matching Open Graph tags.

  • 1200×630, the size every network uses
  • Five styles plus your accent colour
  • Logo and background photo, darkened for contrast
  • Long titles shrink to fit

02

Private by design

Everything happens in your browser. Nothing you type, paste or upload is sent anywhere, and it keeps working offline once the page has loaded.

03

What you get

PNG or JPEG and meta tags, with a Copy and a Download button on every result.

  • Open Graph
  • Social
  • PNG

Why it matters

A link without a share image looks like an afterthought in WhatsApp, LinkedIn, Slack and X, and gets fewer clicks. Most small sites don't have one because it means opening a design app for every page.

This maker produces the standard 1200×630 image (a 1.91:1 ratio that every major network crops well) with safe margins, so titles aren't cut off in square previews. It writes the meta tags too, including the image size, which helps some networks show the image the first time the link is shared.

How to use it

  1. Type the title and subtitle, and your brand name.
  2. Choose a style and accent colour, and add a logo or photo if you like.
  3. Check the warnings, then download a PNG or JPEG.
  4. Upload the image to your site and paste the tags into the page's <head>.

FAQ

What size should an OG image be?

1200×630 pixels. It's the size Facebook, LinkedIn and X recommend for large previews, and it scales down cleanly.

PNG or JPEG?

PNG for flat colours and text, JPEG if you've added a photo, as it'll be much smaller. Keep it under 5 MB; under 300 KB is ideal.

Why doesn't my new image show when I share the link?

Networks cache previews. Use LinkedIn's Post Inspector or Facebook's Sharing Debugger to make them fetch it again.

Are my logo and photo uploaded?

No. They're drawn onto a canvas in your browser.

Work with me

Want a site that gets these right?

I build fast, accessible websites and web apps that pass these checks from day one. Tell me about your project and I'll reply personally with honest next steps.

All developer tools · Back to leej.uk