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

Kinetic Scroll Momentum Scroller
icon-eye-dark Created with Sketch. 902
Svelte CSS Vars Reactive CSS Variables in Svelte
icon-eye-dark Created with Sketch. 1.914
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.
s-offline Offline / Online Detector
icon-eye-dark Created with Sketch. 1.844
Svelte Observable Use Observables in Svelte Components
icon-eye-dark Created with Sketch. 4.491