Вы знаете инструмент для автоматической вставки webp в html?
Например, пакет для Галпа или postHTML плагин.
Допустим, имеем такой HTML на входе:
<picture>
<source media="(min-width: 768px)" srcset="img-1--tablet.jpg 1x, img-1--tablet@2x.jpg 2x">
<img src="img-1--mobile.jpg" srcset="img-1--mobile@2x.jpg 2x">
</picture>
В результате, к коду должно добавиться:
<source type="image/webp" media="(min-width: 768px)" srcset="img-1--tablet.webp 1x, img-1--tablet@2x.webp 2x">
<source type="image/webp" srcset="img-1--mobile.webp 1x, img-1--mobile@2x.webp 2x">
При условии, что в папке с изображениями есть одноименные файлы с .webp расширением.
Не знаете, есть что-то подобное или конструировать велосипед?
Средний
Сложный
