介绍
mgs 是一个基于 Node.js 的命令行工具,用于将某个文件夹下的所有图片文件转换为 WebP 格式,从而提高网站的响应速度和性能表现。该工具可以在命令行中直接使用,支持各种参数和选项,同时可以作为 npm 包被其他项目依赖和使用。
安装
mgs 可以通过 npm 安装,建议全局安装以便在命令行中方便使用。
npm install -g mgs
使用
在命令行中输入 mgs
命令即可使用 mgs 工具,同时可以加上各种参数和选项进行定制化操作。下面介绍几种常见的用法。
转换单个文件
mgs images/flower.jpg
以上命令用于将路径为 images/flower.jpg
的文件转换为 WebP 格式,转换后文件存放在同一目录下,文件名后面会加上 .webp
后缀。
转换整个文件夹
mgs images/
以上命令用于将路径为 images/
的文件夹下的所有图片文件转换为 WebP 格式,转换后文件存放在同一目录下,文件名后面会加上 .webp
后缀。
定制化选项
mgs 支持多种选项,可以通过 -h
或 --help
查看所有选项的说明。下面介绍几种常用选项。
压缩质量
mgs images/ -q 80
以上命令用于指定 WebP 转换后的压缩质量,值为 80(取值范围 0-100)。默认值为 75。
递归转换
mgs images/ -r
以上命令用于递归转换文件夹下的所有子文件夹中的图片文件。
保留原文件
mgs images/ -k
以上命令用于在转换后保留原文件,转换后的文件会带上 .webp
后缀。如果不加该选项,则会删除原图片文件。
示例代码
以下是一个使用 mgs 转换图片的 Node.js 脚本示例:
-- -------------------- ---- ------- ----- --- - --------------- -------------------------- - -------- --- ----- ---- ---------- -- - -------------------- -------------- -- - ------------------- ---
以上代码用于将路径为 images/flower.jpg
的图片文件转换为 WebP 格式,并在同一目录下保存转换后的文件,文件名后面会加上 .webp
后缀。转换质量为 80,同时保留原文件。如果转换失败,则在控制台输出错误信息。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f451d8e776d08040f15