Comparison

OGsmith vs @vercel/og

@vercel/og (ImageResponse in Next.js) is a free library that turns JSX into a PNG inside your own functions. If you're on Next.js and want one layout you fully control, it's a good choice. OGsmith is the same idea as a hosted service: you send a URL and get the card back, with templates, an editor, cache refresh and testing already built.

What it is: @vercel/og: A library you deploy in your own app; OGsmith: A hosted API: one GET request returns the PNG
Price: @vercel/og: Free; you pay for the function time it uses on your host; OGsmith: Free (500 renders, watermark after a 14-day trial), Pro $19/month for 20,000, Scale $49/month for 150,000
Layout: @vercel/og: Flexbox and a subset of CSS; no grid; OGsmith: Built-in templates plus a visual editor, no code
Fonts and assets: @vercel/og: ttf, otf or woff, bundled; the bundle is capped at 500 KB; OGsmith: Upload fonts and images in the dashboard
Cards from a page's own tags: @vercel/og: You write it; OGsmith: Built in with url=
New card on the next share after a redesign: @vercel/og: You build the cache-busting; OGsmith: Built in; new shares fetch the new version
A/B testing designs: @vercel/og: You build it; OGsmith: Built in, with significance
Works outside Next.js: @vercel/og: Yes, on Vercel and other JS runtimes; OGsmith: Any stack, including WordPress and Webflow

	@vercel/og	OGsmith
What it is	A library you deploy in your own app	A hosted API: one GET request returns the PNG
Price	Free; you pay for the function time it uses on your host	Free (500 renders, watermark after a 14-day trial), Pro $19/month for 20,000, Scale $49/month for 150,000
Layout	Flexbox and a subset of CSS; no grid	Built-in templates plus a visual editor, no code
Fonts and assets	ttf, otf or woff, bundled; the bundle is capped at 500 KB	Upload fonts and images in the dashboard
Cards from a page's own tags	You write it	Built in with url=
New card on the next share after a redesign	You build the cache-busting	Built in; new shares fetch the new version
A/B testing designs	You build it	Built in, with significance
Works outside Next.js	Yes, on Vercel and other JS runtimes	Any stack, including WordPress and Webflow

@vercel/og details checked in October 2026 from Vercel OG image generation docs. Prices and plans change; their page is the source of truth.

Choose @vercel/og if

You're on Next.js, need one or two layouts and like owning the code.
You can't send page data to a third party.
You're happy maintaining fonts, layout edge cases and caching yourself.

Choose OGsmith if

You want cards on every page today, on any stack, without writing a renderer.
Someone who doesn't code should be able to change the design.
You need new shares to show your new design even where platforms cached the old one, or want to test which design gets more clicks.

Questions

Is @vercel/og really free?

The library is free and open source. It runs in your own functions, so you pay your host for the compute it uses, and you maintain the code.

Can I move from @vercel/og to OGsmith?

Yes. Replace the image URL in your metadata with an OGsmith URL. With url= OGsmith reads each page's own title and description, so most sites change one line.

Try it on your own site

Check how your links preview today, then add one meta tag to give every page a card.

Get your free API key Check a link