Odisseya
@Odisseya
WebDev

Инструмент для авто-вставки в html WebP-версии изображения?

Вы знаете инструмент для автоматической вставки 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 расширением.
Не знаете, есть что-то подобное или конструировать велосипед?
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы