Digital Ocean предлагает следующий формат изображений webp:
<picture>
<source srcset="logo.webp" type="image/webp">
<img src="logo.png" alt="Site Logo">
</picture>
В приведенном ниже примере я применил класс к файлу jpg. Это хорошая идея (или необходимо) применить тот же класс к webp? Как насчет добавления тега alt? Нужны ли изображениям webp тег alt?
<picture>
<source srcset="images/pic.webp" type="image/webp">
<img src="images/pic.jpg" class="img-fluid" alt="">
</picture>