Image Service OK, Images converted but not showing

Hello @pablostatile

Thank you for reaching out and I am happy to assist you with this.
Can you please share the screenshot of the Site Health > Info > Media Handling as shown below:

I can see that the images are converted but not serving as webp. The resized images are not converted so it may have something to do with the Imagic.
https://onrival.com/wp-content/uploads/pexels-allan-mas-5370377-scaled.webp
ARe you using any other plugin to optimize the images and can you please make sure that the cache is purged and that you are not using any other layer of caching?
Thanks!

Hi there! Yes, the Media Handling shows exactly that.

https://drive.google.com/file/d/1Snis3GWF1JUbXG3cVRdGJFQ50LnWn62j/view?usp=sharing

Previously I used the GC default library but I tried Imagic to solve this, but still the same problem.

I am using W3 Total Cache as the only Cache plugin. I am confident to have cleared Cache, even deactivated it, but still same issue.

I am using Divi Theme.

Let me know if you have any other way of dealing with this.
Thanks!
pablo

Hello @pablostatile

Thank you for the information.
Are you using any other plugin that may be handling images in any way?
Thanks!

Hi Marko, no, that’s the only one…

In case it helps, here is the portion of htaccess relating to webp:

# BEGIN W3TC WEBP
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTP_ACCEPT} image/webp
    RewriteCond %{REQUEST_FILENAME} (.+)\.(jpe?g|png|gif)$
    RewriteCond %1\.webp -f
    RewriteCond %{QUERY_STRING} !type=original
    RewriteRule (.+)\.(jpe?g|png|gif)$ $1.webp [NC,T=image/webp,E=webp,L]
</IfModule>
<IfModule mod_headers.c>
    <FilesMatch "\.(jpe?g|png|gif)$">
        Header append Vary Accept
    </FilesMatch>
</IfModule>
AddType image/webp .webp
# END W3TC WEBP

If it also helps, checking any other plugin that could mess the Images settings, I am using AIOWPS. Regarding images, I have also found this (might not be a problem, and in that case might also research about adding webp there?)

#AIOWPS_PREVENT_IMAGE_HOTLINKS_START
<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteCond %{HTTP_REFERER} !^$
	RewriteCond %{REQUEST_FILENAME} -f
	RewriteCond %{REQUEST_FILENAME} \.(gif|jpe?g?|png)$ [NC]
	RewriteCond %{HTTP_REFERER} !^http(s)?://onrival\.com [NC]
	RewriteRule \.(gif|jpe?g?|png)$ - [F,NC,L]
</IfModule>
#AIOWPS_PREVENT_IMAGE_HOTLINKS_END

Thanks!

Hi Marko, any news on a way to try to solve this mistery?
Thanks!!

Hello @pablostatile

Thank you for your pateince.
I was trying to replicate the problem with no success. I am out of idea why the images are not served as webp even when I can confirm they are converted
https://onrival.com/wp-content/uploads/pexels-tima-miroshnichenko-5586491_Basketball-scaled.webp
You can try disabling other plugins and see if any of the plugins may be causing the problem and also you can try removing the #AIOWPS_PREVENT_IMAGE_HOTLINKS block.
As I’ve stated before, the images are converted but simply not served.
If you are on Plesk and NGINX Caching With Proxy Mode
You should also try to remove image extensions (jpg, jpeg, webp, png) from “Serve static files directly by nginx.”
I hope this helps!