Images to WebP

Description

Statistics say that WebP format can save over a half of the page weight without losing image quality. Convert PNG, JPG, and GIF images to WebP and speed up your web, save visitors download data, and improve your Google ranking.

This plugin features an automated test after activation to ensure compatibility with your server. It works with all types of WordPress installations, including domain, subdomain, subdirectory, and multisite/network setups. It is compatible with both Apache and NGiNX servers.

The original image URLs remain unchanged, allowing seamless integration in src, srcset, , and even CSS backgrounds without cache issues. The original files are untouched, and you can set the quality of converted images, auto-convert on upload, and only convert images if the WebP filesize is lower than the original.

Bulk conversion of existing images to WebP is supported, with options to choose folders and convert only missing images. The plugin also works with the Fly Dynamic Image Resizer plugin.

For developers, there are hooks available to customize the plugin's functionality, including disabling WebP for thumbnails, modifying htaccess rules, and generating WebP for other plugins.

Other Notable Features

Here are a few other notable features of this free Images to WebP plugin.

Convert

Media

Optimize

Pictures

Screenshots

FAQ

It should work almost everywhere 😉
PHP 5.6 or higher
GD or Imagick extension with WebP support
Enabled server modules: mod_mime, mod_rewrite

Plugin should automatically update your .htaccess with needed rules.
In case it’s not possible to write them automatically, screen with instructions will appear.
Anyway, here is how it should look like:

<IfModule mod_mime.c>     AddType image/webp .webp </IfModule>  <IfModule mod_rewrite.c>     RewriteEngine On     RewriteCond %{HTTP_ACCEPT} image/webp     RewriteCond %{REQUEST_FILENAME} "/"     RewriteCond %{REQUEST_FILENAME} "\.(jpg|jpeg|png|gif)$"     RewriteCond %{REQUEST_FILENAME}\.webp -f     RewriteCond %{QUERY_STRING} !no_webp     RewriteRule ^(.+)$ $1\.webp [NC,T=image/webp,E=webp,L] </IfModule>

After you activate plugin, screen with instructions will appear.
Anyway, here is how it should look like:

You need to add this map directive to your http config, usually nginx.conf ( inside of the http{} section ):

map $arg_no_webp $no_webp{     default "";     "1" "no_webp"; }  map $http_accept $webp_suffix{     default "";     "~*webp" ".webp"; }

or without map directive:

if ( $http_accept ~ "image/webp" ) {     set $webp .webp ; }  location ~* (.*)\.(?:png|jpe?g|gif)$ {     if ( -f $document_root$1.webp ) {             set $webp serve$webp ;     }     if ( $webp = "serve.webp" ) {         return 301 '$1.webp';     } }

then you need to add this to your server block, usually site.conf or /nginx/sites-enabled/default ( inside of the server{} section ):

location ~* ^/.+\.(png|gif|jpe?g)$ {     add_header Vary Accept;     try_files $uri$webp_suffix$no_webp $uri =404; }

There is no button to do that and it will also not delete generated WebPs automatically when you deactivate the plugin, but if you really need this, you can run some shell command to achieve this:

find . -type f -name "*.webp" -exec bash -c 'if [ -f "${1%.webp}" ]; then echo "Deleting $1"; rm "$1"; fi' _ {} \;

This will find all the files with a .webp extension and if there is similar file with the exact filename, but without the .webp extension, then it will delete it.