resvg-js
sveltekit-og
resvg-js | sveltekit-og | |
---|---|---|
3 | 1 | |
1,414 | 174 | |
- | 2.3% | |
8.3 | 7.9 | |
16 days ago | 4 months ago | |
TypeScript | TypeScript | |
Mozilla Public License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
resvg-js
-
Dynamic OG image with SvelteKit and Satori
Note: SVG are not suppose to be served for OG Images (we use png format in OG Images) where we use SVG to PNG coverter Resvg.
-
Vercel OG Image Generation: Fast, dynamic social card images at the Edge
There are already a lot of choices to convert SVGs to PNGs, what Vercel uses is https://github.com/yisibl/resvg-js. And Sharp is another good option.
- resvg-js 2.0: A High-Performance SVG Renderer and Toolkit
sveltekit-og
-
Dynamic OG image with SvelteKit and Satori
This is a library inspired from @vercel/og and similar to it. I released@ethercorps/sveltekit-og this morning and you can use it with normal html. Here I'm showing you two examples which returns an Image Response.
What are some alternatives?
nodejs-snowflake - Generate time sortable 64 bits unique ids for distributed systems (inspired from twitter snowflake)
puppeteer - Node.js API for Chrome
rust-wasm-on-lambda-edge - Rust/WASM on AWS Lambda@Edge (CloudFront)
trpc-sveltekit - End-to-end typesafe APIs with tRPC.io for your SvelteKit applications.
vtracer - Raster to Vector Graphics Converter
satori - Enlightened library to convert HTML and CSS to SVG
satori-html - An HTML adapter for Vercel's Satori
wasm-learning - Building Rust functions for Node.js to take advantage of Rust's performance, WebAssembly's security and portability, and JavaScript's ease-of-use. Demo code and recipes.
ogimage
extism - The framework for building with WebAssembly (wasm). Easily load wasm modules, move data, call functions, and build extensible apps.
svgcleaner - svgcleaner could help you to clean up your SVG files from the unnecessary data.