Free OG Image Generator

Design your Open Graph card visually. When it looks right, copy the API call that renders it — same layout, hosted URL, 1200×630.

27 / 80
53 / 160
16 / 40
Background
Accent
Text
How we scaled to 1M renders
Lessons from running headless Chromium in production.
Engineering Blog
Live preview · the API renders this exact card at 1200 × 630
curl -X POST https://api.screenmint.dev/v1/og \
  -H "X-API-Key: sk_live_..." \
  -H "Content-Type: application/json" \
  -d '{
  "title": "How we scaled to 1M renders",
  "description": "Lessons from running headless Chromium in production.",
  "site_name": "Engineering Blog",
  "bg_color": "#0F0F11",
  "accent_color": "#8B5CF6",
  "text_color": "#ffffff"
}'

Get this card as a hosted URL

100 free renders a month. No card required.

What is an OG image?

An Open Graph image is the preview card social platforms and chat apps show when someone shares your link — on X, LinkedIn, Slack, Discord, iMessage, and everywhere else. Pages with a real OG image get dramatically more clicks than links that unfurl as plain text.

Why generate them with an API?

Designing one card is easy. Keeping a unique, on-brand card for every blog post, product page, and doc — automatically, at publish time — is the part that hurts. Screenmint turns that into one REST call: send a title and your brand colors, get back a hosted JPEG you can drop straight into your og:image meta tag.

It works from any stack — Next.js, Rails, Laravel, Django, WordPress, or a plain static site generator. No headless browser to run, no image templates to host, and identical requests are cached and free.