在前端开发中，经常会用到图片处理。而 node-image-resizer 是一个可以帮助我们快速将图片进行压缩处理的 npm 包。在这篇文章中，我们将介绍如何使用 node-image-resizer 进行图片压缩处理。
安装
在开始使用 node-image-resizer 之前，我们需要先安装它。打开终端，输入以下命令即可安装：
--- ------- ------------------
使用
安装成功之后，我们就可以开始使用它了。下面是一个例子：
----- ------- - ------------------------------
----------------
------ ------------
------- -------------
------ ----
------- ----
-------- --
---------- -- -
-------------------- ----------------
-------------- -- -
-------------------
---上面代码中，我们首先引入了 node-image-resizer 包，然后使用 resize 方法对图片进行压缩处理。在 resize 方法中，我们需要传入一些参数：
input: 需要被压缩的图片路径，可以是本地文件路径或者 URL。output: 压缩后的图片保存的路径。width: 压缩后的图片宽度。height: 压缩后的图片高度。quality: 压缩后的图片质量，取值范围为 0 到 100 之间的整数。数字越大，图片质量越高。
其中，width 和 height 两个参数是可选的，如果只设置其中一个参数，则另一个参数会自动按照原图的宽高比例计算出来。
深度学习
除了使用上面的例子进行图片压缩处理，我们还可以使用 node-image-resizer 提供的其他功能。
批量压缩
有时候，我们需要对一个文件夹中的所有图片进行压缩处理。这时，我们可以使用 batch 方法：
----- ------- - ------------------------------
---------------
--------- -----------
---------- ------------
------ ----
------- ----
-------- --
---------- -- -
-------------------- ----------------
-------------- -- -
-------------------
---上面代码中，我们使用 batch 方法对 inputdir 文件夹中的所有图片进行压缩处理，并将压缩后的图片保存到 outputdir 文件夹中。
Promise 接口
除了使用回调函数，node-image-resizer 还提供了 Promise 接口：
----- ------- - ------------------------------
----------------
------ ------------
------- -------------
------ ----
------- ----
-------- --
---------- -- -
-------------------- ----------------
-------------- -- -
-------------------
---上面代码中，我们使用了 then 和 catch 方法来处理 Promise 的成功和失败。
指导意义
在前端开发中，图片的大小往往对页面加载速度有着至关重要的影响。因此，对图片进行压缩处理是必不可少的。而 node-image-resizer 则是一个快速方便的 npm 包，可以让我们快速地进行图片压缩处理。掌握了 node-image-resizer 后，前端开发如果处理图片的效率将会大幅提高。
结论
本文介绍了如何使用 npm 包 node-image-resizer 进行图片压缩处理，并且详细介绍了它的各种功能和使用方法。相信读者们在使用 node-image-resizer 时，会有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562e581e8991b448e0845