Highly customizable tools for generating responsive images: build-time generation, image proxy adapters and framework components - without vendor and server lock-in.
- 🌠 Resize images for different screen sizes and densities
- 📸 Convert images to modern formats such as WebP and Avif
- ⚡️ Powered by sharp
- 🧩 Webpack, Rspack and Vite integrations
- 🖼 Сomponents for React, Preact and Svelte: blur-up placeholders, priority loading, tree-shakable image modules
- 🌐 Image proxy backends - imgproxy and Cloudflare - build variant urls on top of emitted originals and CMS content images
For more details, guides and API references, check out the documentation website.
| Package | Description | Version |
|---|---|---|
@srcset/core | Image processing: resize, convert and optimize images with sharp. |  |
@srcset/cli | Command line tool to generate responsive images. |  |
@srcset/runtime | Browser runtime helpers: srcset strings and attributes of image variants. |  |
@srcset/loader | Webpack and Rspack loader for generating responsive images. |  |
@srcset/vite-plugin | Vite plugin for generating responsive images. |  |
@srcset/imgproxy | Adapter for imgproxy: srcset variant urls for content images and static assets. |  |
@srcset/cloudflare | Adapter for Cloudflare image transformations: srcset variant urls for content images and static assets. |  |
@srcset/react | React components for responsive images: Picture and Image. |  |
@srcset/preact | Preact components for responsive images: Picture and Image. |  |
@srcset/svelte | Svelte components for responsive images: Picture and Image. |  |