ImageAPI Optimize LQIP
3 sites
Security covered
This module adds a Low-Quality Image Placeholder (LQIP) process to the Image Optimize pipeline. It generates a smaller, lower-quality version of an image that can be used as a placeholder while the full-resolution image loads, improving perceived performance.
This ImageAPI LQIP module provides an LQIP (Low-Quality image placeholder) process for the Image Optimize pipeline. The processor will create an LQIP version of the image (PNG or JPG) in the same folder as the original image.
Configuration
- Visit the Image Optimize pipelines configuration page at Administration > Configuration > Media > Image Optimize pipelines.
- Add a new pipeline or edit an existing one.
- Add an LQIP processor.
How is an LQIP generated?
- An image is uploaded via an image field.
- An image style version of the image is requested and the image style is using a pipeline that has the LQIP processor added.
- The LQIP is created.
The LQIP is generated using the Dev Weapons API.
Use the LQIP
The LQIP can be used manually in the theme or automatically by enabled the ImageAPI Optimize LQIP Responsive module that comes bundled with this module.