浏览器处理图片—图片压缩

本文最后更新于:2014-07-12 如已失效或需要修正，请您留言！ 2206 0 BaiDu已收录

RT,没觉得有什么可研究的地方。平时测试时，基本只关注逻辑功能这块，图片只要能显示、没有撑破页面即可。
基本没有文章会专门针对图片在浏览器下的表现，进行一一汇总。
只能想想策划平时的抱怨，得到点灵感：看着不爽！锯齿！色差！噪点！
突破点:
先看下锯齿：
除了Firefox，多数浏览器都会对与实际尺寸不一致的图片进行了锯齿处理。
如下图所示：左上方Firefox展现的效果，锯齿明显。

再总结下润色
IE8：润色。对于字体的锯齿润色，最让人满意的应该是IE8了
Firefox：没有润色，不进行锯齿处理。
Chrome：没有润色
Safari：润色。非常追求美感，Safari从页面字体到工具栏字体，都像写在宣纸上一样。
对比下就知道啦！

以上测试结果均是在未开启ClearType的情况下得到的。
PS：
但在测试中发现IE8（正式版）对于复杂的手绘字体的显示有严重的BUG，几个30像素的英文手绘字体在IE8上显示时大概要卡上1到2秒的时间。

CSS3抖动样式:CSS Shake Web开发程序员谈网游服务器开发