O.G. Image

The Real OG

The O.G. Image logo

O.G. image generates Open Graph og:image social preview images from a web page. The source can be anything a web page renders, including handwritten HTML/CSS, React components, etc, and can include anything Chrome supports including pages rendered via client-site JavaScript and webfonts.

It uses puppeteer to spin up a headless Chrome browser in the cloud and take a screenshot.

It runs for free on Vercel, and it even has a howto.

I tweeted about this:

Vercel does not recommend this approach, however: