介绍
在前端开发过程中，经常需要使用图片作为页面的展示元素。但高清图片过大，加载速度慢，影响用户体验。因此，压缩图片成为了必不可少的环节之一。tinypng-unlimited-cli 是一个基于 tinypng.com 的 CLI 压缩图片工具。它可以帮助我们快速、方便地压缩图片，提高页面加载速度和用户体验。
安装
首先需要确认您已经安装了 Node.js。然后在命令行窗口中输入以下命令即可全局安装 tinypng-unlimited-cli：
npm install -g tinypng-unlimited-cli
使用
压缩单张图片
使用方法很简单，打开终端，cd 到需要压缩的图片所在目录，然后输入以下命令：
tinypng-unlimited-cli <图片文件名>
例如，我们假设您需要压缩一个名为 test.png 的图片，此时您可以输入以下命令：
tinypng-unlimited-cli test.png
程序会自动在当前目录下新建一个名为 compress 的文件夹，用于保存压缩后的图片。如果成功压缩，您将会看到以下输出：
compression success: before size: xxx KB after size: xxx KB rate: x%
压缩多张图片
如果您需要同时压缩多张图片，可以使用以下命令：
tinypng-unlimited-cli <图片1> <图片2> ...
例如，我们假设您需要压缩以下两张图片：test1.png 和 test2.png，此时您可以输入以下命令：
tinypng-unlimited-cli test1.png test2.png
程序会自动在当前目录下新建一个名为 compress 的文件夹，用于保存压缩后的图片。如果成功压缩，您将会看到以下输出：
compression success: before size: xxx KB after size: xxx KB rate: x% before size: yyy KB after size: yyy KB rate: y%
压缩指定目录下所有图片
如果您需要压缩某个指定目录下的所有图片，可以使用以下命令：
tinypng-unlimited-cli <目录路径>
例如，我们假设您需要压缩 /Users/admin/Desktop/images 目录下的所有图片，此时您可以输入以下命令：
tinypng-unlimited-cli /Users/admin/Desktop/images
程序会自动在当前目录下新建一个名为 compress 的文件夹，用于保存压缩后的图片。如果成功压缩，您将会看到以下输出：
-- -------------------- ---- ------- ---- ------- ------------------------------------- ----------- -------- ------ ----- --- -- ----- ----- --- -- ----- -- ---- ------- ------------------------------------- ----------- -------- ------ ----- --- -- ----- ----- --- -- ----- --
结束语
通过本文，您已经学会了如何使用 tinypng-unlimited-cli 工具压缩图片。相信在实际开发中，您将会感受到这个工具带来的便利。如果您想了解更多关于 tinypng-unlimited-cli 的信息，可以访问其 GitHub 仓库 获取更多帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5551ab1864dac66a1c