面向 Web 开发人员的图像压缩工具

网页 / PWA

https://tinypng.com

针对 .png 图像的最佳压缩工具。

TinyPNG

需要注意的是,图像将被上传到tinypng的服务器。

https://squoosh.app

Squoosh 由 Google Chome Lab 团队开发,一旦加载即可完全离线运行。通过 WebAssembly 集成,支持多种解码器/编码器。

Squoosh

另外,您还可以自定义压缩选项,非常方便。

Squoosh Settings

CLI

imagemin-cli

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$ imagemin --help

Usage
$ imagemin <path|glob> ... --out-dir=build [--plugin=<name> ...]
$ imagemin <file> > <output>
$ cat <file> | imagemin > <output>

Options
--plugin, -p Override the default plugins
--out-dir, -o Output directory

Examples
$ imagemin images/* --out-dir=build
$ imagemin foo.png > foo-optimized.png
$ cat foo.png | imagemin > foo-optimized.png
$ imagemin foo.png --plugin=pngquant > foo-optimized.png
$ imagemin foo.png --plugin.pngquant.quality=0.1 --plugin.pngquant.quality=0.2 > foo-optimized.png
# Non-Windows platforms may support the short CLI syntax for array arguments
$ imagemin foo.png --plugin.pngquant.quality={0.1,0.2} > foo-optimized.png
$ imagemin foo.png --plugin.webp.quality=95 --plugin.webp.preset=icon > foo-icon.webp

要使用不同的解码器/编码器,您需要安装相应的插件。
其默认插件设置为:

1
2
3
4
5
6
default: [
'gifsicle',
'jpegtran',
'optipng',
'svgo',
],

查看可用的插件

使用示例:

此命令会缩小当前目录中的图像,并将压缩后的图像保存到名为 compressed 的新目录中

1
imagemin ./* --out-dir=compressed

If you just want to replace your current files with compressed ones, try this

1
imagemin ./* --out-dir=compressed && mv -f compressed/* . && rm -rf compressed

App

ImageSmith(Mac)

简单但有效!它在本地运行压缩。

Image Smith

zipic(Mac)

它是免费的!需要 macOS 13.0 或更高版本。

zipic