Render Responsive Images
"responsive-image.dev is a library, or better a family of libraries, that will make rendering responsive images in a Svelte application easy.
The
@responsive-image/svelte
package provides a native Svelte image component to render responsive images, using a combination of<picture>
,<source />
withsrcset
and<img>
elements with all web performance best practices applied, to let users load the image in the optimal size and next-gen format (WebP, AVIF).Use it in combination with our Vite plugin to generate all variants of local images in different sizes and formats, optionally with low quality image placeholders (LQIP), or load remote images from an image CDN."
Simon Ihmig