前期我们在TinyPNG.com多方位的图片压缩与处理 中介绍了Tinypng网站支持对JPG、PNG等图片格式的压缩,最大可以节省70%的空间而又不损失图片细节。而Chrome浏览器项目组也推出了一个在线压缩的网站https://Squoosh.app/,支持绝大多数的图片格式的转换,并且可以自定义压缩比例、剪裁大小、保存格式等设定,比起TinyPNG相对可自定义的项目多一点。
![89bba699bea315cb455233683fccc85e.png](https://i-blog.csdnimg.cn/blog_migrate/d7c15d79daef01c61a761aef9aedb9a9.jpeg)
打开网站主界面,非常的简单明了,select an image (选择一张图片)或者试试网站上提供的照片,预览一下效果。
![e816fd2ced9fa5c45a6d420b8be2d18d.png](https://i-blog.csdnimg.cn/blog_migrate/c508a2d1352e9db876fd3c2eff47553a.jpeg)
我们测试打开一张png图片,原图大小为140kB,如果转换压缩后,得到的图片大小是95.7kB,节省了32%的文件大小。默认情况下,相对来说比起TinyPNG要差一点了。默认情况下TinyPNG压缩后的图片大小为26kB,节省了80%的文件大小。
![bf2d11d9cc1f6525ce48f0ce21a492ed.png](https://i-blog.csdnimg.cn/blog_migrate/a9399e33604612e9ada4c6842f6c5ed1.png)
![3708f89baeff8939ffb6ea7f3607032f.gif](https://i-blog.csdnimg.cn/blog_migrate/ab57b2ead9a2bc4c109bb67cdd951573.gif)
图4的GIF图片为 TinyPNG与Squoosh压缩的对比情况,可以看到,肉眼可见的范围内,两者显示的效果几乎没有分别,但文件的大小就还是存在较大的差异。但Squoosh的一个好处是,可以对压缩的比例进行设置,对图片的大小进行剪裁,转换格式等。目前支持如下格式:OptiPNG、MozJPEG、WebP、Browser PNG、Browser JPEG、Browser WebP等,各个格式也支持一定程度上的自定义选项的。
同时支持原图与压缩后的图片进行对比,可以操控一个滑动杆,查看对比图片压缩的情况。左边是原图,右边是压缩后的图片。这里有一个简单的对比GIF图片,文件比较大,就不直接显示了,有兴趣的同学可以点击打开图片看看。相对来说,有着非常细微的差别,但是真的需要对比才能够发现。或者本身对图片色彩、光泽比较敏感的同学或者一眼可以看出来的。对比GIF点击查看。
此外,Squoosh是Chrome浏览器出品的,那自然Chrome对其支持是非常强大的。可以直接安装插件,当使用Chrome浏览器打开Squoosh.app网站后,在菜单栏会出现安装Squoosh的按钮,安装后,会在桌面生成快捷方式,打开如同在浏览器中打开该网站,非常的方便、快捷。
![89029b3e2f7b86ece62874edae04a397.png](https://i-blog.csdnimg.cn/blog_migrate/ed5883b8c79fc55ad2bc9a1351cc1166.jpeg)
遗憾的是,暂时还是不支持批量进行处理,只能单张单张来操作,而TinyPNG支持一次性处理20张的图片,压缩的效果也比较强大,所以Squoosh还是有非常大的进步空间的。
网站地址:Squoosh https://Squoosh.app/
更多:
![d42f6b6ca786914b6f37e5258484f5b3.png](https://i-blog.csdnimg.cn/blog_migrate/b3d54c46093ac311bd366b25a3ac43d9.png)