made with Svelte

Svelte Image

Preprocessor for Image Optimization

Visit Site

Description

Preprocessor for Image Optimization

"Svelte Image is a preprocessor using sharp, which transforms a normal image into resized, optimized, lazy loaded WebP with old browsers fallback image with srcset and a beautiful trace or blur base64 placeholder.

If you use the normal img tag, your image will be optimized, and if its size is below a certain threshold it will be inlined as base64."


Creator

Maxim Matyunin
@matyunyaya


Social Media Links

svelte-reparent Reparent HTML Elements
icon-eye-dark Created with Sketch. 315
ParaglideJS for SvelteKit Internationalization Library
icon-eye-dark Created with Sketch. 682
Sentry for Svelte Svelte Error & Performance Monitoring
🧑 Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
tinro Router
icon-eye-dark Created with Sketch. 2.481
SVooltip Tooltip Directive
icon-eye-dark Created with Sketch. 2.142