Как добавить атрибут srcset в Gulp (ретина)?

Question

[TedMarsh]

С помощью плагина gulp-webp конвертирую изображения в webp и с помощью image-image-resize создаю ретину и получается такая структура:

img/
     img.jpeg
     img.webp
     [e-mail]
     [e-mail]

Плагин gulp-webp-html вместо <img src="img.jpeg"> добавил webp. А плагин gulp-img-retina ретину(srcset) к тегам source и img, но добавил только к img:

<picture>
       <source srcset="img.webp" type="image/webp">
       <img src="img.jpeg" alt srcset="img.jpeg 1x, [e-mail] 2x">
 </picture>

С помощью какого плагина или функции можно добавить тегу source атрибут srcset?
Хотелось бы получить подобное:

<picture>
       <source srcset="img.webp 1x, [e-mail] 2x" type="image/webp">
       <img src="img.jpeg" alt srcset="img.jpeg 1x, [e-mail] 2x">
 </picture>

Answer 1

[ruzveld93]

Быстрым решением для меня стало то, что я дописал функцию плагина webpHtmlNosvg().
Создаю еще один URL изображения с @2x и передаю в функцию вывода .
Из минусов, это то, что если плагин обновиться, изменения пере затрутся. Но учитывая, что изменений в код нужно вносить минимум, это не особо больно.