Squoosh.app极限图片压缩与格式转换

前期我们在TinyPNG.com多方位的图片压缩与处理 中介绍了Tinypng网站支持对JPG、PNG等图片格式的压缩,最大可以节省70%的空间而又不损失图片细节。而Chrome浏览器项目组也推出了一个在线压缩的网站https://Squoosh.app/,支持绝大多数的图片格式的转换,并且可以自定义压缩比例、剪裁大小、保存格式等设定,比起TinyPNG相对可自定义的项目多一点。

图1.squoosh.app网站主界面

打开网站主界面,非常的简单明了,select an image (选择一张图片)或者试试网站上提供的照片,预览一下效果。

图2.载入图片压缩后的情况

我们测试打开一张png图片,原图大小为140kB,如果转换压缩后,得到的图片大小是95.7kB,节省了32%的文件大小。默认情况下,相对来说比起TinyPNG要差一点了。默认情况下TinyPNG压缩后的图片大小为26kB,节省了80%的文件大小。

图3.tinypng在线压缩同一张图片
图4.tinypng与squoosh压缩的对比

图4的GIF图片为 TinyPNG与Squoosh压缩的对比情况,可以看到,肉眼可见的范围内,两者显示的效果几乎没有分别,但文件的大小就还是存在较大的差异。但Squoosh的一个好处是,可以对压缩的比例进行设置,对图片的大小进行剪裁,转换格式等。目前支持如下格式:OptiPNG、MozJPEG、WebP、Browser PNG、Browser JPEG、Browser WebP等,各个格式也支持一定程度上的自定义选项的。

同时支持原图与压缩后的图片进行对比,可以操控一个滑动杆,查看对比图片压缩的情况。左边是原图,右边是压缩后的图片。这里有一个简单的对比GIF图片,文件比较大,就不直接显示了,有兴趣的同学可以点击打开图片看看。相对来说,有着非常细微的差别,但是真的需要对比才能够发现。或者本身对图片色彩、光泽比较敏感的同学或者一眼可以看出来的。对比GIF点击查看

此外,Squoosh是Chrome浏览器出品的,那自然Chrome对其支持是非常强大的。可以直接安装插件,当使用Chrome浏览器打开Squoosh.app网站后,在菜单栏会出现安装Squoosh的按钮,安装后,会在桌面生成快捷方式,打开如同在浏览器中打开该网站,非常的方便、快捷。

图6.Chrome浏览器支持安装插件

遗憾的是,暂时还是不支持批量进行处理,只能单张单张来操作,而TinyPNG支持一次性处理20张的图片,压缩的效果也比较强大,所以Squoosh还是有非常大的进步空间的。

网站地址:Squoosh https://Squoosh.app/