Is there an NPM package to replace img with picture?

Question

Images

Hello!
The task before me is to automate the conversion of images from jpeg to webp, replacing img tags with picture in the markup, with serial links to images: first webp, then jpeg. The same in CSS.
Tell me, what ready-made solutions can be used?

Answer 1

webpYou can use gulp-webp to create copies of images in a format . It makes an additional file with the same name as the original image, but in a format webp- very handy.
Then it is not necessary to wrap all images in , there is a simpler way using .htaccess . The idea is to spoof paths at the web server level depending on browser support. I also occasionally use gulp-webpcss in conjunction with Modernizr . <picture>