Webp вставляются как обычные картинки, но
некоторые браузеры не поддерживают этот формат, поэтому стоит использовать специальный тег picture:
<picture>
<source srcset="path/to/image.webp" type="image/webp">
<img src="path/to/image.jpg" alt="Image alt">
</picture>
Если webp не отображается, могут быть следующие причины:
- неверный путь к файлу. В разметке, возможно, стоит путь в исходную папку, а не в папку со сконвертированными изображениями;
- браузер не поддерживает webp и нужен fallback, как показано выше;
- при конвертации что-то пошло не так и изображение битое после конвертации. Это маловероятно, но, тем не менее, такое может быть.