webP images in HTML- The HTML <picture> element contains zero or more <source> elements and one <img> element to offer alternative versions of an image for different display/device scenarios.
Use this code for webP images in HTML-
<picture>
<source srcset="myimage.webp" type="image/webp">
<img src="myimage.jpg" alt="My image">
</picture>