made with Svelte

ResponsiveImage for Svelte

Render Responsive Images

Visit Site

Description

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 /> with srcset 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."


Creator

Simon Ihmig


Social Media Links

Svelte DND Action Drag & Drop Library
icon-eye-dark Created with Sketch. 7.450
Svelte UX Collection of Components, Actions, Stores & Utilities
icon-eye-dark Created with Sketch. 5.344
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.
p5-Svelte Add p5 sketches to Svelte projects
icon-eye-dark Created with Sketch. 1.539
Svelte Tabs Scrollable Scrollable Tabs Component
icon-eye-dark Created with Sketch. 1.004