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 adapters - imgproxy and Cloudflare - runtime srcset urls for content images, e.g. from an API or a CMS
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, e.g. from an API or a CMS. |  |
@srcset/cloudflare |
Adapter for Cloudflare image transformations: srcset variant urls for content images, e.g. from an API or a CMS. |  |
@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. |  |