For performance enhancement in Drupal 10, WebP is the most recommended image format.
Google reports that WebP images are around 25–34% smaller than JPEGs and 26% smaller than PNGs, having similar visual quality.
| Feature | WebP | JPEG | PNG |
|---|---|---|---|
| Compression | Superior | Moderate | Lossless but heavy |
| Transparency | Supported | Not supported | Supported |
| Animation | Supported | Not supported | Not supported |
| Browser Support | Widely supported | Universal | Universal |
| Performance Impact | Excellent | Moderate | Heavy |
How to Use WebP in Drupal 10
Go to:
Configuration → Media → Image Styles(/admin/config/media/image-styles)Now create/edit image style
Add image style name if its new image style.
Now add effect. Select "convert" then select WebP as format.
Now this image style is ready to use.
We can use contributed module WebP. WebP module creates a WebP copy of image style derivatives to decrease loading times.
No comments:
Post a Comment