Image Service, all images converted, but do not show in WordPress

Hello @lizshauleslaserfiche

Thank you for reaching out and I am happy to assist you with this.
All images converted with the Image Service tool are sent to a third-party server maintained by the W3 Total Cache team which reduces resource consumption and allows for a large number of conversions in environments where resources can be limited such as shared hosting. Images sent to the W3TC server for conversion are only held temporarily and no permanent information is kept on the server regarding the images.
WebP optimizations with the Image Service tool do not replace the original image file and all conversions can be reverted without any loss of data.
We are using rewrite conditions for image optimization.

This means that you will see the original images in your Media Library, however, the image type header will be changed image/jpeg to image/webp.

Can you please share the website URL so I can check if the images are showing converted on your website?

Thanks!

Hello Marko,

The site is under development, so I can’t share a link with you. But I could screen shot code to help you understand what’s going on.

The image type is not changed from image/jpeg to image/webp:
Screenshot of an image in the Media Library. Note how the image type is still just JPEG.

Here is the source code for an image when rendered in page with Visual Composer:
<img width="768" height="512" src="https://laserfiche-preview.laserfiche.com/wp-content/uploads/2020/09/LF_Gov-Screenshot.jpg" class="vc_single_image-img attachment-large perfmatters-lazy loaded" alt="" title="LF_Gov-Screenshot" data-dt-location="https://laserfiche-preview.laserfiche.com/lf_gov-screenshot/" data-src="https://laserfiche-preview.laserfiche.com/wp-content/uploads/2020/09/LF_Gov-Screenshot.jpg" data-srcset="https://laserfiche-preview.laserfiche.com/wp-content/uploads/2020/09/LF_Gov-Screenshot.jpg 768w, https://laserfiche-preview.laserfiche.com/wp-content/uploads/2020/09/LF_Gov-Screenshot-300x200.jpg 300w" data-sizes="(max-width: 768px) 100vw, 768px" sizes="(max-width: 768px) 100vw, 768px" srcset="https://laserfiche-preview.laserfiche.com/wp-content/uploads/2020/09/LF_Gov-Screenshot.jpg 768w, https://laserfiche-preview.laserfiche.com/wp-content/uploads/2020/09/LF_Gov-Screenshot-300x200.jpg 300w" data-was-processed="true">

No mention of WEBP in the code either.

Any ideas?

Thank you!
Liz

Hello @lizshauleslaserfiche

By default, when converted, images in WebP format for every visitor that supports this format. You don’t need to do anything to activate this, all is done by our service automatically when someone who is using a WebP compatible browser is checking your site.
However, due to the fact that we don’t change the image extension of the resulting image, you might see that the image is still using the jpg/png extension when they are delivered.
You don’t need to worry about this as even if they have the jpg/png extension, they will still be served using the proper format.
HEre is an example of how you can check this:

If you find that your original image has been converted to WebP, but other image sizes are missing WebP versions, you may need to double-check that your WordPress environment supports the WebP format.

While the original image is converted via our API service, the different sizes (e.g. Large, Medium, Thumbnail) are created by your own server. For this, you must have WordPress 5.8 and the appropriate libGD or ImageMagick package available on your server.

To check if your WordPress environment supports WebP, navigate to Site Health > Info > Media Handling and double-check that WebP is listed in the supported file formats for the library shown in the Active editor. If you find these are missing the WebP extension, consult your system administrator to set up the correct packages.

I hope this helps!
Thanks!