GitHub精选分享第四期

记录这周看到值得分享的事,本期就分享点图片压缩工具类吧~

image-tool-stack

上图是我的图片处理工具栈,矢量原型 Sketch,位图编辑 Pixelmator,搜集管理 Inboard,压缩优化 JPEGmini、ImageAlpha、ImageOptim。前四个是付费 App,后两个自由开源。

本次主要分享ImageOptim ImageAlpha ImageOptim-CLISquoosh

ImageOptim JPG图片压缩利器

ImageOptim下载链接
如果你是Mac OS X电脑的使用者,也可试试看另外这一套图片减肥、最佳化工具ImageOptim,它可以支持PNG,JPEG跟GIF等格式的图档,通过内置的PNGOUT、AdvPNG、Pngcrush、OptiPNG、JpegOptim、jpegrescan、jpegtran与Gifsicle等图片最佳化工具,帮我们全自动压缩、缩减图片的大小。

ImageOptim的使用方法也很简单,就是把图片拉到ImageOptim窗口中,它会自动执行最佳化,然后就没了。

ImageAlpha PNG图片有损压缩

ImageAlpha 下载链接
通过应用有损压缩和转换为更高效的PNG8 + alpha格式,mageAlpha大大减少了24位PNG文件的文件大小(包括alpha透明度)。这些图像与iOS,所有浏览器兼容,甚至在IE6中降级。

通过使用最新的pngquant和pngnq-s9以及Alpha通道感知后处理器,ImageAlpha可以在MacromediaAdobe Fireworks中获得比类似功能更好的质量。

ImageOptim-CLI 图片压缩工具调用

今天处理的图片较多,想能不能有个自动工作流来解放双手。一搜,恰巧找到了 JamieMason/ImageOptim-CLI 这个 macOS 项目。一句话描述就是,它会根据你的指定,选择性调用 JPEGmini、ImageAlpha、ImageOptim 等工具,来处理图片压缩问题。开始敲一行命令,中间过程全自动。

79% TypeScript + 21% AppleScript,分发为可执行的二进制包,所以不依赖 Node.js,并且支持 Homebrew 安装。

使用也非常方便,终端输入 imageoptim –help 即可得到说明,只需注意三个事项:第一、终端要取得 Accessibility 权限;第二、调用的 App 要自己另外下载安装;第三、顾名思义,它默认调用 ImageOptim,如果不用,可通过 –no-imageoptim 参数 disable 它。

支持的调用的 3 个 App 如下,JPEGmini Lite 免费,标准和 Pro 均需付费:

1
2
3
4
5
6
7
Supported Apps:

ImageAlpha: https://pngmini.com
ImageOptim: https://imageoptim.com
JPEGmini Lite: https://itunes.apple.com/us/app/jpegmini-lite/id525742250
JPEGmini Pro: https://itunes.apple.com/us/app/jpegmini-pro/id887163276
JPEGmini: https://itunes.apple.com/us/app/jpegmini/id498944723

如需组合其他工具,添加对应参数即可,比如添加 –jpegmini 参数调用 JPEGmini:

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

# Run ImageOptim.app over every image in current directory
imageoptim

# Run ImageAlpha.app and ImageOptim.app over every PNG in current directory
imageoptim --imagealpha '**/*.png'

# Run JPEGmini.app and ImageOptim.app over every JPG in current directory
imageoptim --jpegmini '**/*.jpg' '**/*.jpeg'

# Run JPEGmini.app over every JPG in current directory
imageoptim --jpegmini --no-imageoptim '**/*.jpg' '**/*.jpeg'

# Run ImageOptim.app over every image in a specific directory
imageoptim '~/Desktop'

那么,这几个工具是单干还是组合好呢,哪个搭配压缩和质量最合理呢?针对这个问题,ImageOptim-CLI 贴心地给出了 GIF、JPEG、PNG 各个格式各个工具及组合的压缩效果对比

imageoptim-cli-comparison

先看 JPEG 项目,果不其然,JPEGmini & ImageOptim 组合几无敌手,只在蓝天白云和 bril 人像上输给了 Kraken,当然,这个成绩主要是 JPEGmini 的功劳。

再看 PNG 项目,悬念只在 ImageOptim 单干以及与 ImageOptim 搭配两个方案之间。考虑到 24 位色的天际线、雀斑脸、蓝天白云等图片上,ImageOptim 单干弱势明显,还是建议二者无脑搭配。ImageAlpha则又是明显。

综合以上两个项目来看,如果能接受较高的图片质量损耗(注意表格中无底色的红字),Kraken 也是非常有竞争力的单一优化工具。

Squoosh 是 Google 推出的一款在线简单高效的图片压缩工具

Squoosh在线链接
Squoosh 是 Google 推出的一款在线简单高效的图片压缩工具,支持 JPG、PNG 和 WebP 格式,可让您深入了解各种图像压缩器提供的高级选项