Hi @idoangel,
I’m sorry you’re having issues with this!
Generally speaking, anytime you upload images through the Media Library, as long as you have the Imagify plugin settings “Auto-Optimize images on upload” and “Create webp versions of images” enabled, then the image and all the thumbnail versions should be optimized and WebP versions of each created.
Thanks for providing the link to your site! I took a look at the images loading on your homepage, and I can see many of them are displaying in WebP and many are not. The ones that are displaying as JPG/PNG images do not seem to have been optimized yet at all.
Take for example https://sarig.com/wp-content/uploads/2020/06/ChocolateCake-wpv_400x400_center_center.jpg. I downloaded that and ran it through our online optimization app (https://app.imagify.io/) and it still needed optimization even at our lowest Normal setting (https://jumpshare.com/v/Yd0tR88RGG0rTppP3cLJ?b=4lsVv1dptKKaSYivXRxc). So I think for these images, you may need to either run the bulk optimizer to make sure they’re all optimized, or find them individually in your Media Library and optimize them. Once they are optimized, their WebP versions should be created.
I also tested your display using both an iPhone and an Android, and I see a potential issue with the iPhone. See the following:
(Android) https://jumpshare.com/v/H8RNZsJXf9H19lMOWeuO?b=4lsVv1dptKKaSYivXRxc
(iPhone) https://jumpshare.com/v/sjIbdYkORuwJu8WK1qBO?b=4lsVv1dptKKaSYivXRxc
You can see that the logo is not displaying on the iPhone, and I believe this is due to a known issue when using our “Use rewrite rules” option to display WebP images while also using Cloudflare, as you seem to be. When this is the case, Cloudflare caches your WebP images incorrectly, and it ends up mistakenly serving some of them to users of Safari browsers. Since these browsers don’t support WebP yet, nothing is displayed when this happens.
You can see in the following screenshot of the headers from this image that it has been cached and served by Cloudflare: https://jumpshare.com/v/Ada9MyVFyUrQYpb9Rsoy?b=4lsVv1dptKKaSYivXRxc
So the only available solutions for this if you want WebP display to work properly are to either switch to the “Use <picture> tags” option or to disable Cloudflare. The option best for you will depend on your individual situation and whether you value Cloudflare or WebP images more.
If you choose to switch to the “Use <picture> tags” option, you’ll want to make sure you clear Cloudflare’s cache completely, as the issue will remain until it is cleared.
Your other option would be to disable WebP display in your Imagify settings. I know this is not optimal, but Apple has announced they will be supporting WebP images in Safari browsers very soon, and once that is the case, you’ll be able to link your images directly to WebP images without needing the “Use <picture> tags” or “Use rewrite rules” options to provide fallback support for users of these browsers. Additional info on this: https://www.macrumors.com/2020/06/22/webp-safari-14/
Please let me know if you have any further questions on this and I’ll be more than happy to assist!
Best regards,
Joseph
