svelte-img
- High-performance responsive/progressive images for SvelteKit, automatically transforming local images into multiple widths and next-gen formats with LQIP (Low-Quality Image Placeholder) support.
- Designed for Svelte/SvelteKit projects, providing optimized image rendering with minimal overhead.
- Special effects include fade-in on reveal and parallax vertical scroll effects.
- Supports responsive images with automatic generation of multiple formats (AVIF, WebP, JPEG) and widths.
- Features lazy loading by default with optional eager loading.
- Allows customization of image widths, formats, and LQIP quality on both global and per-image basis.
- Supports remote images from APIs and batch loading of local images.
- Includes components for special effects:
FxReveal
for fade-in animations andFxParallax
for scroll effects. - Built on top of
vite-imagetools
for image transformations. - Demo available at zerodevx.github.io/svelte-img/ .
progressive-image-loadingsveltekitvite-pluginresponsive-imagessvelte
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button