被围观5175 次

PNG格式图片的克星无损压缩TinyPNG

面对存储容量、流量寸土尺金的云存储服务,我们不能坐以待毙,任人宰割。我们的目标是追求极致,能省一点是一点。压缩不仅节约带宽为你自己省钱另一方面还会加快加载速度,提高用户体验。。何乐而不为呢。慢着,我还要告诉你还有一种压缩叫“无损压缩”,当然是以肉眼不易察觉为标准。这里介绍的是一个PNG格式图片的在线压缩,PNG几乎是除相机等数码设备拍摄的照片.jpg以外使用频率最高的格式啦吧。浏览器截个图,QQ Ctrl+Alt+A 出来的都是png。

灯灯灯灯灯灯灯灯 主角登场。。

TinyPNG  1tiny-png-logo

工作原理:

2how-does-tinypng-work

通过一种叫“量化”的技术,把原本png文件的24位真彩色压缩为8位的索引演示,是一种矢量压缩方法,把颜色值用数值123等代替。

3can-anyone-tell-the-difference

官方一直卖萌,弄个肥熊猫。。明明在那自问自答。。还一直蹦出个“Excellent question!”好问题,我是不是要回一个“Brilliant answer”呢 不过说真的,在某些颜色密集的地方还能用肉眼比较看出涂抹痕迹,但是离开原图鬼才知道你用了压缩。。上图两个熊猫是用的70%以上的压缩率,为了原汁原味的画质实际你上传过程中得到的压缩率一般会小于这个。

使用方法:html5拖拽上传,如果浏览器不支持,点击那个虚框即可弹出选择文件对话框,一次可以选择添加多张图片。上传完成后会自动完成压缩,你只需点击文件后面的download按钮即可。傻瓜式操作,人性化设计

4tingpng-dropbox

5tinypng-demo

图片清晰度测试:

色彩环境特别复杂,TingPNG能否经受住考验呢。。拭目以待

png原图301.359KB

6png-origin

png原图压缩109.021KB 看麻豆的脸跟黑色手机的屏幕。。还是能看出细微区别的 但是考虑到甩掉了快200KB赘肉,我原谅了它。

7png-compressed

最后我会告诉你,这张图是我从一张jpg图片截的图吗,你觉得想不到原来jpg图像的大小

真原图jpg  61.496KB  当时我就凌乱了,png截图真的不适合图片类的。

8jpg-origin

你真的能看出最后一张跟倒数第三张图片的区别嘛??反正在我这破1280x800的显示屏上看不出来,可能觉得倒数第三张手机里的彩条和文字稍微清晰一点点吧。。

最后一点还有一个网站也提供在线压缩,http://compresspng.com 可以自己定制压缩色彩,但是步骤烦琐,同等大小下没有TingPNG画质保持的完美。

一条评论

  1. 真心是不错的文章,又学习到新知识

    回复 2014/01/08 下午 1:46

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

滚动到顶部