Tagged: WebP
Hello,
I just started optimizing the images in webp format with the Google squoosh application to make things easier. The main image shows well in all browsers, I have tested it in Firefox, Opera, Explorer, Yandex, brave and Chrome. But the thumbnails of the image are not displayed.
The image has the right format so the problem must be another, what can I do? Thanks!
Hey Ganubis,
Thank you for the update.
For some reason, we can’t inspect the site. Did you disable it? Do you have a staging site? We need to see the markup in order to debug the issue.
Best regards,
Ismael
Hello,
Sorry, Teh web is online now.
Thank you
Greetings
Hi,
Thank you for the update.
The webp images are displaying properly on our end. We checked it on MS Edge. See screenshot below:
// https://imgur.com/a/pZ1Mi5y
Please test it on incognito mode or use a different a computer.
Best regards,
Ismael
Hi Ismael, Thank you very much for answering.
Yes, the image usually looks good, the problem is with the thumbnails, and in the categories. Links below.
Thank you. Have a nice day.
Hi,
Thank you for the update.
Looks like you have to define the width of the webp image explicitly. Please add this css code and toggle the File Compression settings.
.avia-content-slider .slide-image, .avia-content-slider .slide-image img {
width: 100% !important;
}
Best regards,
Ismael
Fantastic, it works perfect.
Thank you very much for the help!!!!!
Best regards,