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. |  |
