@responsive-image/[email protected]

Patch Changes

• #883 4c13f20 Thanks @simonihmig! - Cleanup and update package.json meta data

• Updated dependencies [4c13f20]:

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

@responsive-image/[email protected]

Patch Changes

• #883 4c13f20 Thanks @simonihmig! - Cleanup and update package.json meta data

• Updated dependencies [4c13f20]:

  • @responsive-image/[email protected]

@responsive-image/[email protected]

Patch Changes

• #883 4c13f20 Thanks @simonihmig! - Cleanup and update package.json meta data

• Updated dependencies [4c13f20]:

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

@responsive-image/[email protected]

Patch Changes

• #903 ee6ad76 Thanks @simonihmig! - Fix missing prepack script

@responsive-image/[email protected]

Major Changes

• #861 be0d0b8 Thanks @simonihmig! - Add support for Solid

  Adds a new @responsive-image/solid package providing the image component with a native Solid implementation.

Patch Changes

• Updated dependencies [4c13f20]:
  • @responsive-image/[email protected]

@responsive-image/[email protected]

Patch Changes

• #874 5359bbe Thanks @simonihmig! - Better workaround for lazy loading issue in Firefox

• #883 4c13f20 Thanks @simonihmig! - Cleanup and update package.json meta data

• #866 2203965 Thanks @simonihmig! - Migrate component to gts format

• Updated dependencies [4c13f20, fec0c61]:

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

@responsive-image/[email protected]

Patch Changes

• #883 4c13f20 Thanks @simonihmig! - Cleanup and update package.json meta data

@responsive-image/[email protected]

Minor Changes

• #881 fec0c61 Thanks @simonihmig! - Add aspectRatio option

  Provider functions for image CDNs support an aspectRatio parameter to set the aspect ratio of the remote image, allowing the image component to render proper width and height attributes to prevent layout shift.

Patch Changes

• #883 4c13f20 Thanks @simonihmig! - Cleanup and update package.json meta data

• Updated dependencies [4c13f20]:

  • @responsive-image/[email protected]

@responsive-image/[email protected]

Patch Changes

• #883 4c13f20 Thanks @simonihmig! - Cleanup and update package.json meta data

• Updated dependencies [4c13f20]:

  • @responsive-image/[email protected]

@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]