Open Graph Images · Made Simple

Your OG Images, On Demand.

Design templates once. Render dynamic images via API. No CDN setup, no infrastructure.

Features

Everything you need. Nothing you don't.

A focused toolset for developers who want beautiful, dynamic OG images without managing rendering infrastructure.

Visual HTML Editor

Write template markup in a Monaco-powered editor with live syntax validation, placeholder highlighting, and intelligent autocomplete for supported tags and styles.

Dynamic Placeholders

Define {{ title }}, {{ author }}, or any token in your template. Pass values as query params at render time — each unique combination is cached automatically.

Instant PNG Rendering

Templates are rendered server-side via Satori and Resvg into crisp, pixel-perfect PNGs at any resolution. No browser, no headless Chrome required.

Google Fonts Support

Access the entire Google Fonts library directly in your templates. Select multiple font families per template — weights and styles are loaded automatically.

One Embeddable URL

Every template gets a permanent public URL. Drop it straight into your <meta> tags and your OG image updates dynamically without touching your deploy.

Edge-Cached Responses

Rendered images are cached at the Vercel edge with immutable headers. Repeat requests for the same template and params are served in microseconds.

How it works

From template to live URL in minutes.

No SDKs. No config files. No infrastructure to maintain. Just a URL that renders your image on demand.

Step 01

Create a template

Open the editor and write your OG image layout in plain HTML with inline styles. Use {{ placeholders }} for any dynamic content — title, author, date, whatever your site needs. The editor validates your markup in real time and highlights each placeholder.

Step 02

Configure dimensions and fonts

Set your image width and height (1200×630 is the OG standard). Pick from the full Google Fonts library — select as many families as your design needs. Preview your template live with test values before publishing.

Step 03

Activate your template

Toggle the template active when it's ready. Only active templates are publicly renderable — this gives you a safe staging area to iterate on designs without breaking live pages.

Step 04

Embed the URL in your site

Copy the generated endpoint URL and drop it into your site's <meta property="og:image"> tag. Pass placeholder values as query parameters — your CMS, SSG, or framework fills them in at build or request time. No code changes needed after that.

index.html

<!-- Drop this into your site's <head> -->
<meta property="og:image"
      content="https://myopengraph.com/api/v1/render/{your-template-id}
               ?title=Hello+World
               &author=Jane+Doe
               &date=Mar+12+2026" />

Pricing

Simple, honest pricing.

Start for free. Upgrade when your project grows. No per-render fees, no surprise bills.

Free

$0 /month

For side projects and trying things out.

3 active templates

Google Fonts support
Public API endpoint
Edge caching
Live preview editor

Get started free