Lack of template support for webp format

In the new rules of Google and Gtmetrix, it is better to use the «WEBP» format for images

There are two problems when I put a webpage image on the site

1- Image magnification does not work
In the link below, if you hover the mouse over the image, it will not be magnified. If you click on the image, it will not open
https://www.balyan.ir/product/occupational-health-internship-report-in-behpak-industrial-company/

2- Thumbnails do not work
Images must be converted to different sizes(600*600 | 300*300 | 150*150 and…) But it does not work

Hello,

You need to update the theme to the latest version 6.0.4. As for the second point, check how it works with the default theme to see if it is related to WoodMart or not.

Kind Regards

I have updated the template to the latest version.
Problem number 1 is because of the template (woodmart)
Problem 2 is because of WordPress

For example: this code works:
<img class="pswp__img" src="https://www.balyan.ir/wp-content/uploads/2021/04/Behpak-Behshahr-Industrial-Company-Health-Report.webp">
But: This code does not work:
<img class="pswp__img" src="https://www.balyan.ir/wp-content/uploads/2021/04/Behpak-Behshahr-Industrial-Company-Health-Report.webp" style="transform: translate3d(720px, 265px, 0px) scale(0);">

I Thinks, The coding methods are old templates and need to be edited to support webp

The second code has style attribute that scales out the image. Where did you get the first and the second one?

The image appeared when I disabled the css code
I do not know the solution. But this problem only exists in the form of Woodmart Theme

https://pasteboard.co/JZyAX1X.png

Please, provide us your admin access. If you have a child theme, please, switch to the parent theme temporarily.

I have taken a full backup

You are using some additional plugin for WEBP images and it seems to be not compatible with our theme. We have added compatibility for the Imagify plugin at the moment. Note that the WEBP format shouldn’t be shown in the “zoom” popup since this JS library doesn’t work with WEBP. That is why we exclude this image with Imagify from being replaced with WEBP.

Kind Regards

Problem 1 was solved. you are the best . Thank

Is there a solution for case number 2 ?

I want to upload webp images directly

WordPress doesn’t support this format yet. The only stable solution we know is to use the Imagify plugin. We don’t guarantee that other plugins would work well with our themes.

[Author]

Posts