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

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

Войти через центр авторизации
Похожие вопросы
Amigoweb Магнитогорск
от 30 000 до 40 000 руб.
HTML Academy Санкт-Петербург
от 130 000 до 160 000 руб.
19 апр. 2019, в 11:38
100 руб./за проект
19 апр. 2019, в 11:14
500 руб./за проект
19 апр. 2019, в 11:06
1500 руб./за проект