webp 图片批量转换。将 png/jpg/bmp 格式的图片批量转换为 webp 格式。
Switch branches/tags
Nothing to show
Clone or download
gflizhiwen
gflizhiwen fix for #2
Latest commit 775450c Sep 7, 2018
Permalink
Failed to load latest commit information.
best-practice canvas 支持 webp 检测方案示例 Nov 29, 2017
bin
lib
test update utils.deldir API Feb 1, 2017
.eslintrc init repo Jan 31, 2017
.gitignore
.npmignore init repo Jan 31, 2017
README.md
index.js
package.json
yarn.lock add command line tool: cwebp-batch Feb 1, 2017

README.md

Code Climate webp-batch-convert

Webp Batch Convert

webp 图片批量转换。将指定目录内 png/jpg/jpeg/bmp/gif 格式的图片批量转换为 webp 格式。

Built with Grunt NPM version gemnasium deps node version npm download

快速上手

在项目目录中安装

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$/);

二次开发

  • 依赖安装 yarn install
  • 修改/新增功能
  • 添加测试并执行 yarn test
  • cwebp-batch 命令行命令全局安装与测试 npm i -g ./

License

webp-batch-convert is released under the MIT license.

该插件由志文工作室开发和维护。