前言
在 Web 开发中，图片的优化是一个非常重要的环节，不仅可以提升网站的访问速度，还可以减少数据流量的使用。而 pngquant 是一款非常优秀的 PNG 图片压缩工具，它能够在不影响图片质量的前提下，将图片体积大幅度压缩。
在这篇文章中，我们将介绍一个 npm 包 – pngquant-bin-vendor 的使用教程，它是基于 pngquant 的 node.js 模块，可以让我们在 node.js 中快速使用 pngquant 压缩 PNG 图片。
什么是 pngquant-bin-vendor？
pngquant-bin-vendor 是一个基于 pngquant 的 node.js 模块，它提供了一个命令行界面，并且允许我们调用 pngquant 压缩 PNG 图片。
与 pngquant 相比，pngquant-bin-vendor 包含了 pngquant 的二进制文件，因此不需要额外安装该工具。这也使得 pngquant-bin-vendor 更易于在 node.js 项目中使用。
如何使用 pngquant-bin-vendor？
安装
要使用 pngquant-bin-vendor，我们需要先将其安装到我们的项目中。可以使用以下 npm 命令进行安装：
npm install pngquant-bin-vendor
压缩 PNG 图片
接下来，我们将使用 pngquant-bin-vendor 来压缩一个 PNG 图片。我们可以使用以下代码来实现：
-- -------------------- ---- ------- ----- - ----- - - ------------------------- ----- -------- - ----------------- ------------- ----------- --------------- -------------------------- ------ -- - -------------------- ---------- --- -------------------------- ------ -- - ---------------------- ---------- --- -------------------- ------ -- - ------------------ ------- ------ ---- ---- ---------- ---
在上面的代码中，我们使用 spawn 函数来创建一个 pngquant 进程，并将 input.png 压缩后输出到 output.png。
需要注意的是，pngquant 必须安装在系统上才能正常工作。如果没有安装，系统会抛出一个 "Command not found" 的错误。
设置参数
在默认情况下，pngquant-bin-vendor 是使用默认参数来压缩图片的。这些参数能够最大化压缩图片的体积，并保证图片质量。但是，如果需要更多的控制，我们也可以设置自定义的参数。
以下是压缩图片时常用的参数：
- --quality 用于设置图片压缩质量。默认值为 70-80。较高的质量会导致压缩率较低，反之亦然。
- --speed 用于设置 pngquant 的运行速度，数字范围为 1-11。1 表示最慢，11 表示最快。默认值为 3。
- --force 用于强制输出到指定的输出文件中。
例如，我们可以使用以下代码来设置压缩质量：
-- -------------------- ---- ------- ----- - ----- - - ------------------------- ----- -------- - ----------------- ------------- ----------- ------------- ------------ ---------- -------------------------- ------ -- - -------------------- ---------- --- -------------------------- ------ -- - ---------------------- ---------- --- -------------------- ------ -- - ------------------ ------- ------ ---- ---- ---------- ---
在上面的代码中，我们使用 --quality 参数将图片压缩质量设置为 50-70。
除此之外，还有一些其他的参数可以使用。完整的参数列表和用法，请参考 pngquant 官方文档。
总结
在本文中，我们介绍了 pngquant-bin-vendor 的安装和使用方法，并演示了如何设置 pngquant 的参数。pngquant-bin-vendor 为我们提供了一个方便的压缩 PNG 图片的方式。
希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600570a881e8991b448e7f5e