ogdynamic
The problem

Why teams stop making these images by hand.

One fallback image for the whole site

When every shared link shows the same logo card, pages lose the context that earns the click.

A manual export for every new page

Designing a preview image per page does not scale past a handful of posts — and it is always out of date.

Inconsistent previews across platforms

X, LinkedIn, Facebook, and Slack all crop differently, so unmanaged previews look broken somewhere.

How ogdynamic helps

Built for open graph image generator workflows.

Generate from a URL

Every canvas gets a permanent image URL. Query parameters like ?title= and ?author= swap dynamic layers on each render.

Design in a free-form editor

Layers, nested groups, flexbox and grid layout, gradients, and Google Fonts — the canvas editor is a real design tool, not a form.

Built for 1200×630

Templates are sized for the Open Graph standard, with a Twitter render intent for X-optimized cards from the same design.

Open Graph Image Generator template example ogSplitAuthorOpen Graph Image Generator template example wholeBg
Workflow

From blank canvas to generated images in three steps.

01

Pick an OG template or start blank

Start from a 1200×630 Open Graph template or an empty canvas at any custom size.

02

Mark the dynamic layers

Toggle "allow override" on title, description, or image layers and give each a param id like title or author.

03

Render per-page images from the URL

Drop the image URL with query params into your head tags — every page gets its own branded preview.

FAQ

Common questions.

What is an Open Graph image?

An Open Graph (OG) image is the preview image social networks and chat apps show when someone shares a URL. It is defined by the og:image meta tag, and 1200×630 pixels is the recommended size.

How does URL-based OG image generation work?

You design a template once and mark which layers are dynamic. Each render URL accepts query parameters — like ?title=Launch+week — that replace the marked text and images, so every page can have its own OG image without any design work.

Which formats can OG images be rendered in?

Canvases render as webp, png, or jpeg. Renders are deterministic and served with long-lived immutable caching, and every save publishes a fresh URL so old links keep working.

Can I check how my OG image looks today?

Yes — the free OG Checker tool on this site inspects any URL and reports its Open Graph and Twitter card tags, including missing or suboptimal images.

Related use cases

Dynamic Image API example

Dynamic Image API

Design a canvas once, then render infinite variations with GET query parameters or POST JSON overrides. The URL is the API: cache-friendly, deterministic, and portable across any stack.

Blog Post Image Generator example

Blog Post Image Generator

Stop searching for stock photos at publish time. Design one editorial template, wire the title, author, and category fields, and every post gets a matching featured image and social card.