简单易用的图片压缩小工具

背景

对于前端开发来说，图片压缩是很常见的场景。网上各类压缩工具众多，如果对图片压缩没有很高、很精细的要求，那么TinyPNG是一个不错的选择。

最直接的使用方法就是：打开其官网、上传本地图片、再下载到本地。

是的，我觉着有点麻烦。如果只是偶尔、一两张图片的话还好。

本文推荐一个 CLI 工具：tinypng-cli（npm package），可省去手动上传与下载的过程，且没有最大 5MB 限制。

安装

全局安装：

其 CLI 命令就是 tinypng。

使用之前，需前往 TinyPNG Developer API 申请一个 API key，在下方输入 Full name 和 Email 即可获取。

每月有 500 个「免费」的压缩次数 👍🏻（于我而言足矣）。若有需要，可以前往 TinyPNG API Dashboard 升级付费订阅。

获取到 API key 之后，我们将其写入到用户目录下的 .tinypng 文件中。

如果不嫌麻烦，也可以不写入该文件，每次执行该命令时传入 -k 参数来指定 API key。比如：

使用

用法很简单，支持单个或多个的文件或目录，也可递归遍历子目录。
如果是目录的话，会自动查找目录下的所有图片。

需要注意的是，图片压缩后会覆盖原文件。

还可以指定 --width 和 --height 参数以调整图片大小。但对我来说，这个使用场景很少。

更多请看 tinypng-cli 或 tinypng -h 查看。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$ tinypng -h
Usage
  tinypng <path>

Example
  tinypng .
  tinypng assets/img
  tinypng assetshttps://cdn.wycsky.com/img/test.png
  tinypng assetshttps://cdn.wycsky.com/img/test.jpg

Options
  -k, --key        Provide an API key
  -r, --recursive  Walk given directory recursively
  --width          Resize an image to a specified width
  --height         Resize an image to a specified height
  -v, --version    Show installed version
  -h, --help       Show help
The end.

参考资料

• 简单易用的图片压缩小工具 - Frankie

分享文章