Because Open Graph does not support svg for the image tag, and because we are not able to pre-compile images for all potential color combinations, we will need a way to serve PNGs on demand.
https://geoffrich.net/posts/svelte-social-image/ outlines one potential strategy for SvelteKit, using https://github.com/vercel/satori to create SVGs from HTML, and https://github.com/yisibl/resvg-js to create PNGs from SVGs.
Because Open Graph does not support svg for the
imagetag, and because we are not able to pre-compile images for all potential color combinations, we will need a way to serve PNGs on demand.https://geoffrich.net/posts/svelte-social-image/ outlines one potential strategy for SvelteKit, using https://github.com/vercel/satori to create SVGs from HTML, and https://github.com/yisibl/resvg-js to create PNGs from SVGs.