HeadShard vs @vercel/og
Both tools generate dynamic OG images, but they take fundamentally different approaches. @vercel/og is a developer library for code-based image generation on Vercel's Edge Runtime. HeadShard is a complete platform for managing OG images and meta tags across all your domains—no code deployment required.
At a glance
| Feature | HeadShard | @vercel/og |
|---|---|---|
| Visual editor | ||
| Code-based templates | ||
| AI template generation | ||
| Meta tag management | ||
| SEO analytics | ||
| Multi-domain support | ||
| CSS Grid support | ||
| Works with any platform | ||
| Open source | ||
| No deployment needed |
Approach
@vercel/og is a library that converts HTML/CSS to PNG images using Satori and Resvg. You write JSX code, deploy it as an Edge Function, and generate images on-demand. Great for developers who want full control and are already on Vercel.
HeadShard is a centralized dashboard. You configure templates visually or with code, manage meta tags, and serve everything through our CDN. Changes take effect instantly without deployment.
CSS Support
@vercel/og uses Satori under the hood, which only supports Flexbox layouts. No CSS Grid, no floats, limited pseudo-selectors.
HeadShard supports full CSS including Grid, giving you more layout options for complex image designs.
Pricing
@vercel/og is billed through Vercel's Edge Function usage. Hobby plans get 500k units/month free. Pro plans include 1M units, then $2 per additional million.
HeadShard uses credit-based pricing. Start with 250 free credits. Pay only for what you generate.
Platform Lock-in
@vercel/og requires the Vercel Edge Runtime. If you're on AWS, Cloudflare, or self-hosted, you'll need alternatives like Satori directly.
HeadShard works with any platform—Next.js, Remix, Rails, Django, WordPress, or static sites. Just add a script tag or fetch from our API.
HeadShard is best for you if...
- You want to manage OG images without code deployments
- You need complete meta tag management alongside images
- You're managing multiple domains or clients
- You want AI-powered template generation
- You need CSS Grid support for complex layouts
- You're not on Vercel
@vercel/og is best for you if...
- You want full code control over image generation
- You're already deployed on Vercel
- You prefer open-source solutions
- You only need OG images, not meta tag management
- Flexbox-only CSS is sufficient for your designs
- Your team is comfortable with deployment workflows
Ready to simplify your OG images?
Start with 250 free credits. No credit card required.
Get started free