We'll create fresh WordPress site with WP Enable WebP installed. You have 20 minutes to test the plugin after that site we'll be deleted.
This WordPress Plugin for WebP image uploads enabled WebP image uploads into the media library.
It will also add a class to the body tag for CSS selectors. This is helpful for setting background images.
Example:
selector {
background: url(‘images/example.jpg’);
}
body.supports-webp #selector {
background: url(‘images/example.webp’);
}
Use the function webpSupported() in template files to conditionally show WebP images.
Example:
if (webpSupported()) :
WebP image here
else:
Image with other fallback format here
endif;
Major features in WP Enable WebP include: