IE9浏览器的文本渲染质量测试

添加评论 2010年7月28日

自IE9面世以后,微软官网的IE测试中心已经对IE9与竞争浏览器之间进行了html5支持、图片渲染、JavaScript、SunSpider等组件方面的测试,测试结果表面IE9明显优于其他浏览器。近日,微软技术宣讲师麦克-斯旺森(Mike Swanson)就对四大浏览器的文本渲染进行了简单对比,并在其MSDN博客公布了各浏览器的文本渲染测试结果。

斯旺森回忆道:“在今年春天举行的MIX10大会上,我已经获悉史蒂文·辛诺夫斯基(Steven Sinofsky)和迪安·哈查莫维奇(Dean Hachamovitch)将在主题演讲中演示IE9的硬件加速文本渲染功能。该功能利用DirectWrite, ClearType和亚像素定位技术来提高字体质量和稳定性,这将使得字形在一个像素中开始,更为精确、一致地划分标识符的间距。”

斯旺森进行测试的浏览器版本:Chrome 5.0.375.125, Firefox 3.6.8, Internet Explorer 9 Platform Preview 3 Build 1.9.7.8.74.6000和Safari 5.0 (7533.16)。 该测试还涉及一些HTML5的画布元素和JavaScript测试文件,并得到了以下结果:

chrome的文本渲染质量

Firefox的文本渲染质量

Internet Explorer 9的文本渲染质量

Safari的文本渲染质量

可以看出,这四款浏览器在文本渲染质量、可读性和定位方面有明显的区别,表现最好的毫无疑问是IE9。

斯旺森对此表示:“大家可以注意文本的渲染质量,可读性和摆放位置。这些截图都没有经过任何的更改,测试平台使用的是Windows 7(激活ClearType),浏览器都采用了最新版本。所有文字都是在canvas .fillText命令下进行渲染的,也没有一个位图图像。同时鼓励大家尝试使用自己绘制的内容进行测试,我想你会感到惊讶!”

如果您想了解更多有关这项技术的背后,可以阅读ieblog的相关文章“IE9包括硬件加速画布”。

原文地址:IE9’s Stunning Text Rendering Quality

  1. 2010年7月28日 at 08:06 | #1
    豆你呢

    怎么看出来IE9的文字显示效果是最好的?没发现IE9会显示的更清楚一些,反而Firefox看着更舒服。

  2. 2010年7月28日 at 08:08 | #2
    King

    字体显示效果并不会影响浏览器的整体性能,这个是不够构成竞争的关键因素。微软还需要努力啊!

  3. 2010年7月28日 at 08:11 | #3
    心碎

    把几个图片点开看就知道了,IE9貌似可以把字体渲染的比较好,不会出现虚边或者重叠现象,看着很舒服。
    这就是竞争的压力!毕竟微软做浏览器做了这么多年了,吃饭的家伙都比不过人家那还怎么混下去。

  4. 2010年7月28日 at 09:21 | #4
    ASP.NET

    好像对比的文字都是英文的,不知道渲染中文效果会如何。

  5. 2010年7月28日 at 09:50 | #5
    心碎

    @豆你呢
    这也可能是个人的审美观不同,会影响到你对这个结论认同。左侧粗体文字IE9粗一点,看着不如另两个清爽,右侧地图的文字IE9更清晰。
    对于Chrome和FireFox,我也觉得ForeFox更好一点。

  1. 还没有 trackbacks
订阅评论