og-image

Generate deterministic Open Graph images by using a template-based rendering pipeline that converts JSX, HTML, and CSS into SVG, then rasterizes the output to a 1200×630 PNG for consistent social sharing visuals.

Create brand-consistent social cards using a deterministic typography engine that renders text and layouts precisely into SVG without relying on diffusion, ensuring your social previews match your brand guidelines exactly.

Yes, you can add an optional diffusion-based hero layer to the template rendering pipeline, allowing you to generate custom illustrations for your OG image while keeping the typography and layout deterministic.

Satori converts HTML and CSS into SVG by parsing the template markup and styles to produce a vector graphic, which is then rasterized into a PNG using resvg-js to create the final social sharing image.

No external dependencies are required to rasterize SVG to PNG for Open Graph images, as the rendering pipeline utilizes resvg-js internally to handle the conversion from vector graphics to the final PNG format.

Deterministic OG image generation ensures brand-aligned social previews at scale for marketing pages and product sites, automatically applying consistent typography and layouts without the manual effort required by design tools.