I’ve done research in the forum and other resources, but I couldn’t find a reliable resource on how to activate webP feature in Smush Pro. But of course, I have to tell you what I’ve done from my end so you can have a better understanding of the issue.
My server setup is:
This is my setup:
Proxy Server: nginx => caching
Web Server: apache2
Backend Server: php8.2
According to this post Smush Pro (WebP) that I went through the comments, I implemented the advice made by @eris, which was deleting image extensions from the Proxy extensions box and added the code snippet from the plugin to .htaccess file:
# BEGIN SMUSH-WEBP
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{DOCUMENT_ROOT}/wp-content/smush-webp/disable_smush_webp !-f
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{DOCUMENT_ROOT}/wp-content/smush-webp/$1.webp -f
RewriteRule wp-content/uploads/(.*\.(?:png|jpe?g))$ wp-content/smush-webp/$1.webp [NC,T=image/webp]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=WEBP_image
</IfModule>
<IfModule mod_mime.c>
AddType image/webp .webp
</IfModule>
# END SMUSH-WEBP
Unfortunately, the dashboard of the plugin still shows me this message:
The server rules have been applied but the server doesn't seem to be serving your images as WebP. We recommend contacting your hosting provider to learn more about the cause of this issue.
Any thoughts, appreciate your comments.