@responsive-image/[email protected]

Major Changes

• #586 84abd80 Thanks @simonihmig! - Rename all packages to be under a new @responsive-image scope

• #608 a3f94f2 Thanks @simonihmig! - Use imagetools for more image processing options

  @responsive-image/webpack is now using the imagetools-core package for image processing via sharp. This now supports not only scaling to different sizes and generating different image formats as before, but also a lot of other directives for image manipulation.

  Breaking Changes: Some parameters passed to the loader as defaults directly or using as query parameters in imports had to change to align with that library:

  • widths has been renamed to w
  • formats to format
  • the separator for array vlues has been changed to ; instead of ,

  Example: import image from './path/to/image.jpg?w=400;800&responsive';

Minor Changes

• #598 025ccef Thanks @simonihmig! - Refactored BlurHash implementation to be ESM based

• #663 3ab97bd Thanks @simonihmig! - Do not apply default value for quality

  Instead we rely on sharp's own defaults. For .avif images this will use a lower quality setting (50 instead of 80), which produces smaller sizes with almost the same visual quality as e.g. 80 for jpegs.

• #669 e2d6111 Thanks @simonihmig! - Add caching support

  Generated images will be cached, based on the source and image processing config. This is especially useul for the vite-plugin in dev mode (serve), since images are processed on-demand within the Vite dev server middleware.

• #664 bab7cae Thanks @simonihmig! - Rename all eri-* attributes and classes to ri-* for consistency

Patch Changes

• #681 4b08662 Thanks @simonihmig! - Support aspect ratio parameter correctly

  When aspect is given (via import query params), the height of the image is adjusted to match when resizing, and the image component will correctly render with the new aspect ratio, rather than that of the original image.

• #604 63e0336 Thanks @simonihmig! - Fix broken published webpack package

• #660 1c903cd Thanks @simonihmig! - Refactor build plugins, extract shared functionality into @response-image/build-utils

• #633 353cfab Thanks @simonihmig! - Fix LQIP color bug causing invalid hex values

• Updated dependencies [84abd80, 3ab97bd, 1c903cd, e2d6111, 92f957f, bab7cae, 7cef8c6]:

  • @responsive-image/[email protected]
  • @responsive-image/[email protected]