Webp Batch Convert 批量转换图片格式为 Webp 格式
webp 图片批量转换。将指定目录内 png / jpg / jpeg / bmp / gif 格式的图片批量转换为 webp 格式。
快速上手
在项目目录中安装
npm install --save-dev webp-batch-convert
使用示例(nodejs 模块 API 方式)
//import convert from 'webp-batch-convert';
const convert = require('webp-batch-convert');
let res;
// 示例一: 生成 img 目录下的图片文件至 webp 目录
res = convert.cwebp('./img', './webp');
console.log('total: ', res);
// 示例二: 生成 img 目录下的图片文件至 webp 目录,附带质量等参数
// 更多参数参考:https://developers.google.com/speed/webp/docs/cwebp?csw=1#options
const cwebpOpts = {
quiet: true, // 不输出详情
q: 60 // 质量
};
// 清空输出目录
convert.utils.delDir('./webp');
res = convert.cwebp('./img','./webp', cwebpOpts);
console.log('total: ', res);
命令行方式使用(cwebp-batch)
全局安装
npm install -g webp-batch-convert
使用示例
cwebp-batch --in img-folder --out webp-folder <-q 75 -quiet>
或者局部安装,然后如下方式使用:
./node_modules/.bin/cwebp-batch --in img-folder --out webp-folder <-q 75 -quiet>
API
.cwebp(imgDir, webpDir, cwebpOptions)
批量转换生成 webp。示例:
// 将 img 目录下的所有图片转换为 webp 文件,输出至 webp 目录
const res = convert.cwebp('./img','./webp', {
quiet: true, // 不输出详情
q: 60 // 质量
});
console.log('total: ' + res);
.utils.mkDir(dirPath)
创建一个(深度的)目录。示例:
// 创建目录
convert.utils.mkDir('./src/assets/webp');
.utils.delDir(dirPath, ext)
清空一个(非空的)目录。示例:
// 删除 webp 目录
convert.utils.delDir('./webp');
// 删除 webp 目录下的所有 webp 后缀的文件
convert.utils.delDir('./webp', 'webp');
// 删除 webp 目录下的所有 .webp 后缀的文件
convert.utils.delDir('./webp', /\.webp$/);
相关链接
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论