Modern Blog OG
Open Graph image templates
Social preview images at 1200×630, one per article, generated at build or publish time.
6 templates in this category — free to open, edit and generate from.
Dark Tech OG
Minimalist Paper OG
Photocentric Overlay OG
Publishing Elegant OG
Simple Gradient OG
How open graph / blog get generated
OG images are the category developers usually reach for first, because the alternative is running a headless browser to screenshot an HTML page — a rendering stack to deploy, keep warm and debug, purely to produce a 1200×630 PNG. A template with the title, author and tag as variables does the same job with one HTTP request and no browser anywhere. Sites generate these at build time, one per post, or on publish so the image exists before the URL is first shared. The title field is the one that needs care: post titles vary from four words to twenty, so auto-fit rather than a fixed size is what stops the long ones overflowing.
In practice: An API call from the build pipeline or the publish hook, taking back a hosted URL to put in the og:image tag.
Read the walkthrough: Dynamic OG Images With an API, Without Running a Headless Browser →Fields you'd usually bind
{{og_title}}- Post title. Auto-fit handles the range from short to very long.
{{author_name}}- Byline, usually with an avatar image variable.
{{tag}}- Category or topic lozenge.
{{read_time}}- Where the design shows one.
Any text, image, QR code or barcode on the canvas can become a variable — these are just the ones this category tends to use.