Builded on top of the well versed webp util https://www.npmjs.com/package/cwebp!
Quick Start:
-
Install the plugin globally or inside your working dir by:
npm install -g images-set-to-webp-converter
oryarn add images-set-to-webp-converter -g
-
Prepare some images set inside particular folder, generated previously by Abode Images Processor Pro plugin, like:
Desktop --- | | | --- IMGSet --- | | | --- image@1x.png | --- image@2x.png | --- Touchscreen --- | | | --- img@4x.png | --- img@2x.jpg `
-
Run
images-set-to-webp-converter
util in a way like:yarn images-set-to-webp-converter path=/Desktop/IMGSet
-
Grab your .webp right on here:
Desktop --- | | | --- IMGSet --- | | | --- image@1x.png | --- image@2x.png | --- image@1x.webp <-- | --- image@2x.webp <-- | --- Touchscreen --- | | | --- img@4x.png | --- img@2x.jpg ` | --- img@4x.webp <-- | --- img@2x.webp <--
And that's all! See how it's easy? So we can convert various images produced by Adobe IPP in the .WEBP format without any tears or routine!
- How can I tune the quality/compression of produced image?
- Well, it's a bit easy. Just add a number value right after you add the path of the folder to proccess.
Example:
yarn images-set-to-webp-converter path=/Desktop/IMGSet quality=65
.