SvelteKit OG · examples · adapter-netlify

@ethercorps/sveltekit-og

Three rendering engines, each in three flavours — an HTML string, a Svelte component, and a pre-rendered build-time image.

v4.3.0-beta.1 Docs ↗ GitHub ↗

Resvg PNG

HTML → Satori → resvg. Rasterized PNG output.

Resvg PNG — HTML string
Default HTML string /png/default.png
Resvg PNG — Svelte component
Component Svelte component /png/cog.png
Resvg PNG — Built at compile time
Pre-rendered Built at compile time /png/prerendered.png

Satori SVG

HTML → Satori. Vector SVG, no rasterization.

Satori SVG — HTML string
Default HTML string /svg/default.svg
Satori SVG — Svelte component
Component Svelte component /svg/cog.svg
Satori SVG — Built at compile time
Pre-rendered Built at compile time /svg/prerendered.svg

Takumi

Rust / WASM engine. Add ?format=webp · jpeg · svg to switch output.

Takumi — HTML string
Default HTML string /takumi/default
Takumi — Svelte component
Component Svelte component /takumi/cog
Takumi — Built at compile time
Pre-rendered Built at compile time /takumi/prerendered