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 Motion Animation Library
icon-eye-dark Created with Sketch. 1.789
Inertia Svelte Svelte Adapter for Inertia.js
icon-eye-dark Created with Sketch. 4.847
Svelte Formula Reactive Form Library
icon-eye-dark Created with Sketch. 1.484
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
sveld Generate TypeScript definitions for Svelte Components
icon-eye-dark Created with Sketch. 1.122