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 Outclick on:outclick Component
icon-eye-dark Created with Sketch. 2.074
Sveltekit View Transition Simplified view-transition-api for Sveltekit
icon-eye-dark Created with Sketch. 848
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.823
Svelte Split Testing A/B Testing Utilities
icon-eye-dark Created with Sketch. 934