随着互联网的发展，网页上的图片已经成为了不可或缺的一部分。为了优化网页加载速度，压缩图片是一个必要的步骤。针对于 PNG 格式的图片压缩，npm 包 imagemin-advpng 提供了一种高效的解决方案。
imagemin-advpng 的介绍
imagemin-advpng 是由 imagemin 框架提供的 PNG 压缩插件，可以通过优化 PNG 图片的算法来实现更高效的压缩效果。它基于 AdvanceCOMP 程序库，可以将 PNG 图片压缩率提高 10%-40%，具有很好的压缩效果和压缩速度。
安装 imagemin-advpng
使用 imagemin-advpng 需要先安装 imagemin 依赖：
npm install --save-dev imagemin
然后再安装 imagemin-advpng：
npm install --save-dev imagemin-advpng
使用 imagemin-advpng
要使用 imagemin-advpng 进行 PNG 图片压缩，可以通过以下代码实现：
-- -------------------- ---- ------- ----- -------- - -------------------- ----- -------------- - --------------------------- -------------------------- - ------------ --------------- -------- ------------------ ---------- -- - ------------------- ------------ ---
上述代码中，第一个参数传入了需要压缩的 PNG 图片的路径，第二个参数指定了压缩后图片要保存的路径，然后在 plugins 属性中传入了 imageminAdvpng() 插件。
这样就可以使用 imagemin-advpng 进行 PNG 图片的压缩了。
示例代码
下面是一个完整的能够实现 PNG 图片压缩的示例代码。该代码将指定文件夹下的所有 PNG 图片进行压缩，并保存到指定目录中。
-- -------------------- ---- -------
----- -------- - --------------------
----- -------------- - ---------------------------
----- ---------------- - -----------------------------
------ -- -- -
----- ----- - ----- -------------------------- -
------------ ---------------
-------- -
-----------------
------------------
-------- ----- ----
--
-
---
------------------- ------------ -------
-----总结
使用 imagemin-advpng 进行 PNG 图片的压缩，可以提高压缩率，减小图片的大小，从而加速网页的加载速度。相关的用法和示例代码已经在上面给出。相信大家可以轻松掌握并使用它了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f27a7e33b0ab45f74a8ba17