All images are optimized, but when WebP versions aren’t being used

please provid ethe report number

you can get it in toolbox -> report -> click “send to LiteSpeed”

Here is the report number: ELWPYEAC

from what I see, it is working , I can see some images are showing as webp , some are not , for these not-webp , you can manually attach .webp to the URI , you will see there is no webp version

there are also some images, looks like generated by Elementor on-the-fly , for this kind of image, we won’t be able to webp it.

Okay I do see the images in my library that don’t have a WebP version and I can try to re-upload those. However, even the images that do have a WebP version are showing in PageSpeed Insights as “serve images in next-gen formats”. So for some reason this means they aren’t displaying the WebP even if the version exists. How can I force my site to use the WebP versions? Do I need to delete the original versions to do this?

Also, can I use WebP versions for background images in Elementor?

yes, background-image() should be supported as well

which page you are talking about ?

https://datafinitygroup.com/wordpress/1719592751506/

This is the page link, but the same thing is happening to all my pages. All but one of the images show as having WebP versions, but PageSpeed Insights says otherwise.

https://datafinitygroup.com/wordpress/1719592751506/wp-content/uploads/2024/08/hero-network-e1722621231202-768×736.png.webp

https://datafinitygroup.com/wordpress/1719592751506/wp-content/uploads/2024/08/home-interactive-graphs-2-710×473.png.webp

I pick up first 2 images on the report , they don’t have webp version

Also, PageSpeed is showing that some of my images show up as WebP for desktop version but not for mobile version

you can attach .webp at end of image URI , to verify if webp file exists or not

I have tried this, but ones that show as having a webp version in my Media library show as no page found when I try to add .webp after the image link. I know the webp version exists because in Litespeed Cache it shows that all images are optimized, and in my media library, it gives me the percentage of space saved with the webp version. I tried re-uploading some of my images and they are working properly, but does that mean I need to re-upload all images to make the webp versions show?

the Media shows as image group , by that saying , if an image group has 10 images, then few of them have webp , not all of them , will still display the webp marker

How can I tell which images have a webp version? I would like all my images to be webp. Is it better to use a lower resolution if it isn’t showing as webp, or is it better to use a higher resolution version that is webp?

attach the .webp at end of image URI, it will tell if this image has webp version or not

there could be some image failed to generate the webp version on various reasons , typically , due to the webp file is larger in size , so in such case, there is no point to keep it.

Like I said, the image I am referring to does have a webp version. However, you said some images in every image group might not be webp. When I choose an image size (i.e. 1024×1024, 768×768, etc.) how do i know which ones use the webp version?

Because even the images that do show a web version as existing do not show the webp version being used in PageSpeed

the theme will choose which image size to use , and then , our plugin will check if this image has webp version or not , if so , replace it

you can verify by attach .webp to URL , on previous 2 links I provided , were I saw in PSI report , then I put .webp , it gives 404 error, which means these images don’t have webp