I Built a Free OG Image API - Here's How It Works

ABHISHEK KUNDALIA — Fri, 06 Feb 2026 16:20:11 +0000

The Problem: Manual OG Images Are a Pain

You've probably been there. You just finished writing an amazing blog post, you're ready to share it on Twitter, and then... the preview looks like garbage.

No image. Or worse—a stretched, pixelated mess.

So what do you do? Fire up Figma. Spend 15 minutes tweaking. Export. Upload. Repeat for every. single. post.

I got tired of this workflow.

The Solution: API-Based OG Image Generation

I built ogimage.art—a free API that generates beautiful OG images on-the-fly.

Here's the magic: the image IS the URL.

https://ogimage.art/api/og?title=Your%20Title&template=gradient

Paste this URL into your og:image meta tag, and social platforms fetch a freshly generated image every time.

Quick Start (2 minutes)

Step 1: Pick a Template

Available templates: gradient, dark, sunset, ocean, forest, midnight, minimal, fire

Step 2: Add the Meta Tags

<meta property="og:image" content="https://ogimage.art/api/og?title=Your%20Title&template=gradient" />
<meta name="twitter:card" content="summary_large_image" />

Step 3: Make It Dynamic

Next.js:

export async function generateMetadata({ params }) {
  const post = await getPost(params.slug);
  return {
    openGraph: {
      images: [`https://ogimage.art/api/og?title=${encodeURIComponent(post.title)}`],
    },
  };
}

Jekyll:

<meta property="og:image" content="https://ogimage.art/api/og?title={{ page.title | url_encode }}" />

Pricing

Free: Unlimited images with small watermark
Pro ($9/mo): No watermark + API access

Try It Now

🌐 ogimage.art - Live demo + docs

Got questions? Drop a comment below!

Happy shipping! 🚀

Stop using Figma for OG images (I built an API to automate it)

ABHISHEK KUNDALIA — Wed, 04 Feb 2026 13:26:56 +0000

I love coding, but I hate design.

Every time I shipped a blog post, I had to open Figma, find a template, edit text, export PNG, upload to S3... it took 20 minutes.

So I spent this weekend building an automated solution using Next.js + Satori.

The Stack:

Next.js App Router (Edge Runtime)
@vercel/og (Satori) - Converts HTML/CSS to SVG to PNG
Tailwind CSS for styling

How it works:
I created an API route /api/og that takes query parameters (title, theme). Satori renders a React component into an image on the fly.

The Result:
Now I just paste this URL into my meta tags:
https://ogimage.art/api/og?title=My%20Post

It generates a 1200x630 image instantly.

Try it yourself:
I made it a free tool for everyone.
👉 ogimage.art

(The code is private for now, but I might open source the core generator engine later. Let me know if you're interested!)

DEV Community: ABHISHEK KUNDALIA