在前端开发中，经常需要对图片进行压缩以提高页面的加载速度。其中一个常用的工具是 imgpx。imgpx 是一个基于 Node.js 的命令行工具，用于缩小 PNG、JPEG 和 GIF 图像，同时还可以优化 SVG、CSS 和 HTML 文件中的图像。
安装 imgpx
imgpx 可以通过 npm 安装：
npm install imgpx -g
这里 -g 表示全局安装，可以在命令行中直接使用 imgpx 命令。
使用 imgpx
基本命令
压缩一个图片，可以使用如下命令：
imgpx path/to/image.png
这会将 path/to/image.png 压缩并输出到同一目录下。
你还可以同时压缩多个图片：
imgpx path/to/image1.png path/to/image2.jpg
如果需要输出到不同目录，可以使用 -o 参数：
imgpx path/to/image.png -o path/to/output/
额外功能
除了压缩图片外，imgpx 还提供了其他的功能。
压缩 PNG 图片
imgpx 默认会压缩 PNG 图片，你也可以使用如下命令压缩 PNG 图片：
imgpx path/to/image.png --png
这样可以使用更高的压缩比例来压缩 PNG 图片。
压缩 JPEG 图片
imgpx 可以用如下命令压缩 JPEG 图片：
imgpx path/to/image.jpg --jpg
压缩 GIF 图片
imgpx 可以使用如下命令来压缩 GIF 图片：
imgpx path/to/image.gif --gif
压缩 SVG 图片
可以使用如下命令来压缩 SVG 图片：
imgpx path/to/image.svg --svg
压缩 CSS 和 HTML 文件中的图片
除了压缩静态图片外，imgpx 还可以压缩 CSS 和 HTML 文件中的图片。可以使用如下命令：
imgpx path/to/style.css path/to/index.html --html --css
自定义配置
imgpx 还有很多可自定义的配置，比如压缩质量、压缩速度等。可以使用如下命令来查看当前配置：
imgpx --config
如果需要修改配置，则可以使用如下命令：
imgpx --config-key=value
比如，你可以将 PNG 的压缩质量设置为 80：
imgpx --png-quality=80
更多的配置选项可以查看 imgpx 官方文档。
总结
imgpx 是一个非常实用的图片压缩工具，可以帮助我们轻松压缩各种类型的图片，同时还可以优化我们的代码中的图片。掌握 imgpx 的使用将可以极大地提高我们的工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70673