Free Open Graph Image Generator API for Developers
Every time someone shares your link on Twitter, LinkedIn, Slack, or Facebook, the platform looks for an Open Graph image in your page's meta tags. If it finds one, your link gets a rich preview card. If it doesn't, your link looks like plain text that nobody clicks.
The problem? Creating OG images manually is tedious. Designing one in Figma for every blog post, product page, or documentation page doesn't scale. And most "OG image generators" require you to sign up, install an SDK, or run a headless browser.
OGPeek is different. It's a free API that generates OG images from a URL. No signup. No SDK. No headless browser. Just a GET request that returns a 1200×630 PNG.
How it works
Add your title and styling parameters to a URL. That URL is the image. Drop it into your HTML meta tags, and every platform that reads Open Graph tags will render your custom image.
<!-- This URL IS the image -->
<meta property="og:image"
content="https://ogpeek.com/api/v1/og
?title=My+Blog+Post
&subtitle=Published+March+2026
&template=gradient
&theme=midnight
&brandColor=%23E8853B" />
That's it. No build step. No image files to manage. The image is generated on-the-fly in under 200ms.
Free tier: 50 images per day
OGPeek's free tier gives you 50 images per day — enough for a personal blog, portfolio site, or side project. Every feature is available on the free tier:
- 4 templates: basic, gradient, split, hero
- 5 themes: dark, light, midnight, forest, sunset
- Custom brand colors via the
brandColorparameter - 1200×630 PNG output — the exact spec for social platforms
The only difference on the free tier is a small OGPeek watermark in the corner. Paid plans ($9/mo and $29/mo) remove it and increase limits.
4 templates to choose from
1. Gradient
A smooth gradient background with your brand color. Works well for blog posts and marketing pages.
2. Hero
Bold, centered layout that puts the title front and center. Great for announcements and launch pages.
3. Split
Two-column layout with a colored accent panel. Ideal for documentation and technical content.
4. Basic
Simple, clean, no-nonsense. For when you want the text to do the talking.
Integration examples
Static HTML
<meta property="og:image"
content="https://ogpeek.com/api/v1/og?title=Your+Title&template=gradient&theme=dark" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
Next.js / React
export function generateMetadata({ params }) {
const title = encodeURIComponent(params.slug);
return {
openGraph: {
images: [`https://ogpeek.com/api/v1/og?title=${title}&template=gradient&theme=dark`],
},
};
}
Hugo
<!-- In your layouts/partials/head.html -->
<meta property="og:image"
content="https://ogpeek.com/api/v1/og?title={{ .Title | urlquery }}&template=gradient&theme=dark" />
Django
# In your template
<meta property="og:image"
content="https://ogpeek.com/api/v1/og?title={{ post.title|urlencode }}&template=gradient&theme=dark" />
cURL (download)
curl "https://ogpeek.com/api/v1/og?title=Hello+World&template=gradient&theme=dark" \
--output og-image.png
API parameters reference
Every parameter is optional except title.
title— The main text (required)subtitle— Secondary text below the titletemplate— basic, gradient, split, or hero (default: basic)theme— dark, light, midnight, forest, or sunset (default: dark)brandColor— Hex color for accent (e.g.#E8853B)
Why use an API instead of static images?
- Scale — Generate thousands of unique images without a designer
- Consistency — Every page gets a matching, on-brand preview
- Speed — No build step, no CI pipeline, no image hosting
- Dynamic — Change the title, change the image. No cache busting needed.
Frequently asked questions
Is it really free?
Yes. The free tier gives you 50 images per day with all templates and themes. There's a small watermark. Paid plans ($9/mo Starter, $29/mo Pro) remove the watermark and increase limits to 10K and 50K images/month.
Do I need to sign up?
No. The free tier works without any authentication. Just use the URL. For paid features, you'll get an API key.
How fast is it?
Images render in under 200ms. OGPeek uses an SVG-native pipeline (Satori + resvg) — no headless browser, no Chrome, no Puppeteer.
What size are the images?
All images are 1200×630 pixels — the standard spec for Open Graph images across Twitter, LinkedIn, Facebook, and Slack.
Can I use it with any framework?
Yes. It's just a URL. If your framework can output an HTML meta tag, it works with OGPeek. We've shown examples for Next.js, Hugo, Django, and plain HTML above.