Skip to content

simonihmig/responsive-image

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e26fe60 Β· Feb 18, 2025
Feb 13, 2025
Feb 13, 2025
Feb 18, 2025
Feb 18, 2025
Dec 5, 2024
Jan 8, 2021
May 5, 2024
Dec 31, 2023
Jan 8, 2021
Jan 5, 2024
May 12, 2024
Sep 20, 2024
Dec 27, 2024
Dec 5, 2024
Feb 18, 2025
Feb 18, 2025
Jun 29, 2024
May 9, 2024
Dec 20, 2024

Repository files navigation

ResponsiveImage

CI

The multi-framework JavaScript library for responsive images.

Key Features

πŸ“¦ Multi Framework: Supports Vite and Webpack for local image processing, a framework-agnostic core and components for multiple frontend frameworks: Ember.js, Lit, Solid and more in the future.

πŸŒ‡ Next-gen image formats: 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.

πŸ› οΈ Local image processing: Fast image processing of local images with a selection of optionally applyable filters and effects, using the popular sharp library.

🌍 Image CDNs: Besides processing of local images, it also supports integrating remote images from image CDNs like Cloudinary or imgix using a versatile image provider abstraction

⏳ Image Placeholders: Supports Low Quality Image Placeholders (LQIP) techniques to show a preview while loading, using different strategies like a blurry low-res image, BlurHash or a simple dominant color.

πŸ“± Layout modes: Layout modes for fixed sizes (with 1x and 2x image variants) as well as responsive layouts (srcset with optimized image sizes across all devices).

🏎 Web Performance: 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.

✨ High Quality: Engineered with quality in mind, all functionality is fully tested (unit and integration tests), packages ship with native TypeScript types.

Documentation

Visit responsive-image.dev for our complete documentation site.

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.