Hi @ocio132,
This is Joseph from Imagify, and I’ll gladly assist you here!
I’m really sorry you’re having issues with this!
I took a look at the images from https://marcosocio.com/ and I can see that the WebP versions have been created, like this one, for example:
https://marcosocio.com/wp-content/uploads/2021/12/foto_portada-2-1250×766-1-1024×628.jpg.webp
However, I can also see the WebP versions are not being displayed on the page.
Imagify’s “Use picture tags” option (the default and likely what you’re using) swaps out your page’s img tags for picture tags in order to display WebP images while also providing fallback support for users of Apple Safari browsers (they don’t fully support WebP images yet).
If you’re using this option and images are not being displayed in WebP format, then it is generally due to a timing issue between when Imagify is checking your pages for img tags, and when your theme, plugin, or script is loading the HTML for the images onto the page. If Imagify is checking for your img tags before they are loaded, then there is no way to make this option work.
We often suggest changing to Imagify’s “Use rewrite rules” option as a solution for these kinds of issues, but given that I can see your sites are using Cloudflare, this is ruled out, so it may not be possible for WebP image display to work for you at this time.
The reason we don’t suggest you use Cloudflare with the “Use rewrite rules” option for WebP display because any first visit on your site will trigger cache creation in Cloudflare, and if that visit is from a browser that supports WebP, the WebP versions will be cached. Future visitors will be served these WebP images from cache whether they use a browser that supports WebP or not, causing blank space where the image should be for those without WebP support (mostly older Apple Safari browsers).
If there’s any chance you could change themes, it’s possible that could help allow things to work better with the picture tags option, but if not, here is what I might suggest for you going forward.
In Apple’s Big Sur 11 update, they introduced support for WebP images in their newest version of Safari. Once this update is widely adopted by users and the older versions of Safari are no longer widely used, you’ll be able to safely link directly to your WebP images without the need for Imagify’s “Use picture tags” or “Use rewrite rules” options to provide fallback support.
I know there are some who have already made this choice, but many are also choosing to wait a while longer. If you make the change too early, then some number of your visitors with older Mac/Safari systems would see blank spaces where the images should be displayed. When exactly support is widespread enough for you to make this change is a judgment call on your end (there will always be some small number of slow adopters still using older systems and browsers).
You can track browser support for WebP to help with this decision at https://caniuse.com/webp.
For now, the good thing is that the optimized JPG/PNG versions of these images are being used on your pages, so these images should still be loading a lot faster than they were before optimization.
Please let me know if you have any further questions on this and I’ll be very happy to assist however I can!
Best regards,
Joseph
