注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

网易杭州 QA Team

务实 专注 分享 做有态度的QA

 
 
 
 
 

日志

 
 

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

来自应瑛   2013-02-26 14:46:00|  分类: Web测试 |举报 |字号 订阅

  下载LOFTER 我的照片书  |
最近组内组织书写白皮书,很荣幸,我被分配到研究图片这块。
可是想破脑袋,没觉得有什么可研究的地方。平时测试时,基本只关注逻辑功能这块,图片只要能显示、没有撑破页面即可。基本没有文章会专门针对图片在浏览器下的表现,进行一一汇总。
只能想想策划平时的抱怨,得到点灵感:看着不爽!锯齿!色差!噪点!

终于找到突破点了。。。浏览器处理图片--图片压缩 - 网易杭州QA - 网易杭州 QA Team
先看下锯齿:

除了Firefox,多数浏览器都会对与实际尺寸不一致的图片进行了锯齿处理。

如下图所示:左上方Firefox展现的效果,锯齿明显。

关于图片在不同浏览器下的表现 - 应瑛 - 朝南鸟的幸福生活
 

再总结下润色

IE8:润色。对于字体的锯齿润色,最让人满意的应该是IE8

Firefox:没有润色,不进行锯齿处理。
Chrome
:没有润色

Safari:润色。非常追求美感,Safari从页面字体到工具栏字体,都像写在宣纸上一样。

对比下就知道啦!

 关于图片在不同浏览器下的表现 - 应瑛 - 朝南鸟的幸福生活

 

以上测试结果均是在未开启ClearType的情况下得到的。

PS

但在测试中发现IE8(正式版)对于复杂的手绘字体的显示有严重的BUG,几个30像素的英文手绘字体在IE8上显示时大概要卡上12秒的时间。


  评论这张
 
阅读(1082)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016