Stop generating cards by hand
Every image on this page is just a URL. Put that URL in your <meta property="og:image"> tag with your page's title as a parameter and every page on your site gets a card automatically — new posts included, no design step:
<meta property="og:image"
content="https://api.ogsmith.dev/v1/og?title=Your+post+title&template=gradient&kid=…&sig=…">Setup guides: Next.js · Astro · Hugo · Ghost · Eleventy. Free tier is 250 images/month — no card required.
Frequently asked questions
Is this OG image generator really free?
Yes. The generator on this page needs no signup at all (images carry a small ogsmith.dev watermark). A free API key removes the watermark and gives you 250 images per month, forever, with no card on file.
What size are the images?
1200×630 pixels — the size Facebook, X/Twitter, LinkedIn, Slack, Discord, and iMessage all render best. Add scale=2 to the API for 2400×1260 retina output.
Can I automate this instead of generating images by hand?
That's the whole product: the same image is available as a GET request you put in your og:image meta tag, so every page on your site gets a card automatically. There are guides for Next.js, Astro, Hugo, Ghost, and Eleventy.
How is this different from screenshot-based generators?
ogsmith renders vector layout (satori) straight to PNG — no headless browser. Renders take ~5ms of compute, look identical every time, and are cached at the CDN edge.