Responsive images made easy.
Supports Vite and Webpack for local image processing, a framework-agnostic core and components for multiple frontend frameworks: Ember, Solid, Svelte and a universal web component.
Supports basic PNG and JPEG formats, as well as next-gen WebP and AVIF, for increased performance with optimal image quality at small file sizes.
Fast processing of local images with a selection of optionally applyable filters and effects. Generates responsive images at different sizes, using the popular sharp library.
Besides processing of local images, it also supports integrating remote images from image CDNs like Cloudinary or imgix using a versatile image provider abstraction
Supports Low Quality Image Placeholders (LQIP) to show a preview while loading, using a simple dominant color, a blurred low-res image or advanced ThumbHash placeholders.
Layout modes for fixed sizes (with 1x and 2x image variants) as well as responsive layouts (srcset with optimized responsive image sizes across all devices).
Lazy rendering by default, with optimized content-visibility and decoding settings and optimized markup, to prevent CLS (Cumulative Layout Shift), a core Web Vital and Lighthouse metric.
Engineered with quality in mind. All functionality is fully tested (unit, integration and e2e tests), built with modern tooling and shipping native TypeScript types.