在前端开发中，经常需要对图片进行尺寸调整。npm上有许多图片压缩和调整的工具，其中 simple-resize 是一个简单易用的工具，该工具允许开发者快速地对图片进行批量处理和调整。本文将详细介绍 simple-resize 的使用方法并提供示例代码，希望对开发者有所帮助。
安装 simple-resize
安装 simple-resize 相当简单，只需要在项目中运行以下命令：
npm install simple-resize
使用 simple-resize
simple-resize 支持两种方式进行图片尺寸的调整：按比例调整和按宽高调整。
按比例调整图片尺寸
按比例调整图片尺寸最常见的用法是将图片缩放到给定的百分比。在 simple-resize 中，可以使用 -p 或 --percentage 标志指定要缩放的百分比。例如：
simple-resize --percentage=50 ./images/*.jpg
这将将文件夹中所有 jpg 文件缩小 50%。如果想要放大图片，则只需要将百分比设置为大于 100 的数字。
按宽高调整图片尺寸
按宽高调整图片尺寸旨在将宽度和高度分别缩放到给定大小。在 simple-resize 中，可以使用 -w 或 --width 标志指定图像的宽度，并使用 -h 或 --height 标志指定高度。例如：
simple-resize --width=500 --height=500 ./images/*.jpg
这将将文件夹中所有的 jpg 文件调整为 500 像素宽和高。
调整图片大小并保存
接下来是一个稍微复杂一些的例子，该例子将按比例调整图像大小然后将其保存到新的目录中。首先，创建一个新目录 images-resized：
mkdir images-resized
接着，运行以下命令：
simple-resize --percentage=50 "./images/*.jpg" --output-dir="./images-resized"
这将会按照 50% 的比例调整文件夹中所有 jpg 文件的大小，然后将它们保存在 images-resized 目录下。
结论
使用 simple-resize，开发者可以轻松快捷地对图片进行批量处理，从而提高开发效率。如果您希望了解有关 simple-resize 的更多信息，请查看 npm package 页面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672eb0520b171f02e1ebf