Creates a WebP copy of image style derivatives to decrease loading times.

Description

Whenever an image style derivative is created this module will also create a WebP copy of the derivative to be served to supporting browsers.

Installation

  1. Make sure your hosting supports webp
  2. Install the module.
  3. Install responsive_image module (Drupal 8 core)
  4. Select Responsive image in admin/config/media/responsive-image-style for the style you want to use
  5. Go to your content type, display, and choose responsive image (ie: admin/structure/types/manage/article/display)
  6. Optional clear caches

Dependencies

Support for ImageAPI Optimize

When ImageAPI Optimize is installed the module will not automatically generate WebP images. Instead, a WebP image processor will be available to be added in optimization pipelines.

Supporting organizations:

Project information

Releases

8.x-1.0-rc2 released 15 April 2024
Works with Drupal: ^8 || ^9 || ^10 || ^11

Drupal 11 compatibility

Install:

Development version: 8.x-1.x-dev updated 15 Apr 2024 at 07:56 UTC