Images Set To WebP Converter
The easist way to check webp support in any browser!
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 images-set-to-webp-converter
or
yarn add images-set-to-webp-converter
-
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:
node images-set-to-webp-converter /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!
FAQ:
- 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:
node images-set-to-webp-converter /Desktop/IMGSet 65
.