Comparison
OG Image Generator vs @vercel/og
OG Image Generator and @vercel/og use the same underlying rendering engine (Satori), but take opposite approaches. @vercel/og is a free, open-source library where you build templates yourself. ogimg.xyz is a managed API with ready-made templates — you trade some customization for dramatically faster setup.
Our price
From $4.90/mo
@vercel/og price
Free (open source)
Our speed
~200ms
Free tier
50 img/mo
Feature Comparison
Why choose OG Image Generator
- Ready in 5 minutes — no template coding required
- 10 professionally designed templates included
- URL auto-fetch extracts metadata automatically
- No dependency management or deployment needed
- Works with any framework, not just Next.js/Vercel
Why choose @vercel/og
- Completely free and open source
- Full control over template design (JSX)
- No external API dependency
- Data stays on your own infrastructure
- Can use any Vercel Edge Runtime feature
When to Use Each
Use OG Image Generator when...
You want OG images working in minutes without writing template code. Ideal for indie developers, small teams, and anyone who values speed-to-market over pixel-perfect customization.
Use @vercel/og when...
You want full control over every pixel, are comfortable writing JSX templates with Satori's CSS subset, and prefer self-hosted solutions with no external dependencies.
Frequently Asked Questions
Do ogimg.xyz and @vercel/og use the same technology?
Yes. Both use Satori by Vercel to convert layouts to SVG, then render to PNG. The difference is that ogimg.xyz provides pre-built templates and a managed API, while @vercel/og requires you to write JSX templates yourself.
Is @vercel/og really free?
The library is free and open source. However, you still need hosting (Vercel's free tier works for small projects). You also invest development time building and maintaining templates — which ogimg.xyz eliminates.
Can I switch from @vercel/og to ogimg.xyz?
Yes. Replace your self-hosted API route with an ogimg.xyz URL in your og:image meta tags. You can migrate one page at a time. The main trade-off is that you'll use ogimg.xyz's templates instead of your custom JSX templates.
Which CSS features does @vercel/og support?
@vercel/og (via Satori) supports a subset of CSS: Flexbox layout, basic typography, colors, borders, and backgrounds. It does NOT support CSS Grid, position: absolute, box-shadow, or many other common CSS properties. ogimg.xyz's templates handle these limitations for you.
Ready to try OG Image Generator?
Start generating OG images for free. No credit card required. 50 images/month on the free plan.