Auto Open Graph Images

Auto Open Graph Images generates the social share image for every entry, rendered from your own Twig template by the HTML to Image API in real Chrome.

You design the card the way you build the rest of your site: a template in your project with full CSS and any font you like. When an entry is saved, a queued job renders that template against the entry and stores the finished 1200 by 630 PNG. What you see in the browser is what lands in the image, because the same HTML renders in the same engine.

How it fits your workflow

Pick the sections that should generate images and drop one tag into your layout head. {{ craft.ogImages.meta(entry) }} emits the full og:image and Twitter tag set, resolving a sensible cascade: an image the editor chose, then the generated card, then your site fallback. If SEOmatic or Ether SEO owns your head instead, switch to seo-field mode and the plugin quietly fills an asset field for your SEO plugin to use.

Editors get per-entry control through plain fields: ogHeadline replaces the title on the card, ogSubtitle adds a second line and ogDisabled skips an entry entirely. The entry edit screen shows the current image alongside a Generate button, and the settings page embeds a live browser preview of your template, no API key needed while you design.

Careful with your credits

Render inputs are hashed, so saves that change nothing make no API call, and bulk resaves are ignored unless you opt in. A console command regenerates across sections when your design changes, with --section and --force flags. Store the CDN URL the API returns, or download every PNG into an asset volume so the site has no runtime dependency on the API.

Accounts are free and include a monthly credit allowance that renews automatically. Create your key at app.html2img.com, add it to your .env and the next entry you save has a share image.