tinypng.com多方位的图片压缩与处理

程门立学开了一段时间了,访客没有多少,但CDN的流量倒是不含糊。有各种恶意扫描的原因,也有可能是使用Snipaste(随手便利的截图贴图 windows系统神器之一 – 程门立学 ) 截图默认是PNG格式,导致了图片偏大。还有一些GIF动图分分钟几百KB的,流量是哗哗的留。想想还是给图片做些压缩吧,尽量减少下流量、空间占用。万一以后访客多了呢。

还是百度查查图片压缩吧,看看有没有造好的轮子。

图1.百度搜索“图片压缩”页面

居然第一个是一个外文的网站,并不是国产的,也是有点出乎意料了。既然第一位想必还是有过人之处吧。

虽然是英文版的,但还是大概可以看得很明白了。在线上传,等待处理,完成后下载即可。

图2.在线转换上传后稍等处理即可

可见虽然域名只写了png,实际还是支持jpg的压缩的。而png格式的压缩可以减少70%的文件大小,已经非常了不起了。同时对画质的影响是非常细微的。

图3.图片转换效果对比

据官网介绍,为什么可以做到这个效果呢?

When you upload a PNG (Portable Network Graphics) file, similar colors in your image are combined. This technique is called “quantization”. By reducing the number of colors, 24-bit PNG files can be converted to much smaller 8-bit indexed color images. All unnecessary metadata is stripped too. The result better PNG files with 100% support for transparency. Have your cake and eat it too! In the above image the file size is reduced by more than 70%. I have excellent eyesight but can’t spot the difference either! Use the optimized image to save bandwidth and loading time and your website visitors will thank you.

简单翻译下就是:

当您上载PNG(便携式网络图形)文件时,图像中的类似颜色将被组合在一起。这种技术被称为“量化”。通过减少颜色的数量,24位PNG文件可以转换成更小的8位索引彩色图像。所有不必要的元数据也被删除。结果更好的PNG文件100%支持透明度。鱼与熊掌不可兼得!

在上图中,文件大小减少了70%以上。我的视力很好,但也看不出有什么不同!使用优化的图像来节省带宽和加载时间,你的网站访问者会感谢你。

所以基本上可以节约70%的空间、流量,稍微提升下网页的打开速度。

除了在线上传在线处理外,tinypng还支持Photoshop插件、WordPress插件、支持开发者工具的。但WordPress插件有个明显的缺陷就是一个站点一个月仅有100张的免费转换。超出了限制将无法使用。

Q: How many images can I optimize for free?

A: In a default WordPress installation you can optimize around 100 images for free each month. WordPress creates different thumbnails of your images which all have to be compressed. Some plugins even add more sizes, so take a look at the Settings > Compress JPEG & PNG images page before you start optimization.

详见:https://wordpress.org/plugins/tiny-compress-images/#description

另外同时也需要申请一个API key来作为鉴权。API key的申请比较简单,在主页界面输入邮箱,系统会自动发送邮件,打开邮件点击链接即可。实测国内QQ邮箱可以秒收。

图4.邮箱申请APIkey收到邮件

同时可以申请多个key多处使用,但是依然不能绕开500张/月的免费限额。500张的话目前还是可以满足需求了,毕竟一天不用20张的话就够了。实在超过了限额的话,一张还要0.009美元,不是很贵但是付款麻烦。所以可以直接通过在线web版直接上传压缩。

图5. 官网上的APIkey情况

另外在第三方的组件中发现除了有各种开发者API版本的支持外,还支持桌面版APP程序。例如Bamboo跟tinyPNG.App,试用了下tinyPNG.App,同样需要APIkey的支持。

图6.windows桌面版启动录入APIkey
图7.转换处理中...
图8.已处理完成

综合来看,压缩率跟网页在线压缩是一样的,毕竟使用的是同一个接口、算法。但是就比较方便,便于在本地操作了,同时也使得等待的时间较长,比在线WEB需要更多的时间。当然还是那个老问题,绕不开500张免费额度的限制。当然,这个问题也好解决,就是多注册几个邮箱,就可以了。

官方网站:https://tinypng.com

中文版:https://tinify.cn

搞了半天,现在才发现居然是支持中文的。拉到页底,右下角可以切换语言为简体中文。

第三方桌面APP:https://www.betweenelements.com/tinypng-app

百度网盘链接:提取码mwbd

Ps:本文中8张图片,原始大小为938KB,经转换后大小为285KB,压缩了70%的大小,效果还是非常明显。

图9.本文图片转换前
图10.本文图片转换后