OG Image Generator — Social Share Images for Blogs

Generate polished 1200×630 Open Graph images (the preview cards shown when your link is shared on X, LinkedIn, Slack, Discord, iMessage…) from a title and a few brand parameters. No design tool, no @vercel/og code to maintain, no serverless function to deploy — call an actor, get a PNG.

Links with a designed share image get dramatically more clicks than links with a gray placeholder. Most blogs still ship the placeholder because making one image per post is annoying. This actor makes it a build step.

Templates

Template	Look
gradient	Bold white title on a rich two-color gradient with a soft highlight
split	Editorial white panel with a colored side band + kicker label
dark	Near-black, serif headline, accent underline — great for dev blogs
photo	Your image full-bleed with a gradient scrim and overlaid title

All templates support: author name + avatar (or auto initials circle), site name or logo, subtitle (date / read time), and your brand colors. Long titles auto-scale to fit.

Example input

{
  "template": "dark",
  "title": "How we cut our cloud bill by 70% in one weekend",
  "author": "Jane Doe",
  "subtitle": "12 min read · June 2026",
  "siteName": "engineering.acme.dev",
  "accent": "#22d3ee"
}

Batch a whole blog

Pass images[] and the top-level fields become defaults — generate every post's OG image in one run (up to 500). Include a slug per item and it's passed through to the output for easy matching:

{
  "template": "split",
  "siteName": "acme.dev",
  "accent": "#e11d48",
  "images": [
    { "slug": "cloud-bill", "title": "How we cut our cloud bill by 70%", "kicker": "INFRA" },
    { "slug": "hiring", "title": "What 200 failed interviews taught us", "kicker": "CULTURE" }
  ]
}

Output

Each image lands in the key-value store, and a dataset item gives you a stable URL:

{ "index": 0, "slug": "cloud-bill", "template": "split", "url": "https://api.apify.com/v2/key-value-stores/.../records/og-000.png", "width": 1200, "height": 630 }

Point your <meta property="og:image"> at the URL, or copy the file into your static build.

Automation recipes

• Static site: run the actor in CI with your posts' front-matter, download the PNGs into /public/og/.
• CMS webhook: on publish → call the actor → save the URL back to the post's OG field.
• Newsletter: generate a share image per issue automatically.