IE9浏览器的文本渲染质量测试
自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测试文件,并得到了以下结果:
可以看出,这四款浏览器在文本渲染质量、可读性和定位方面有明显的区别,表现最好的毫无疑问是IE9。
斯旺森对此表示:“大家可以注意文本的渲染质量,可读性和摆放位置。这些截图都没有经过任何的更改,测试平台使用的是Windows 7(激活ClearType),浏览器都采用了最新版本。所有文字都是在canvas .fillText命令下进行渲染的,也没有一个位图图像。同时鼓励大家尝试使用自己绘制的内容进行测试,我想你会感到惊讶!”
如果您想了解更多有关这项技术的背后,可以阅读ieblog的相关文章“IE9包括硬件加速画布”。





怎么看出来IE9的文字显示效果是最好的?没发现IE9会显示的更清楚一些,反而Firefox看着更舒服。
字体显示效果并不会影响浏览器的整体性能,这个是不够构成竞争的关键因素。微软还需要努力啊!
把几个图片点开看就知道了,IE9貌似可以把字体渲染的比较好,不会出现虚边或者重叠现象,看着很舒服。
这就是竞争的压力!毕竟微软做浏览器做了这么多年了,吃饭的家伙都比不过人家那还怎么混下去。
好像对比的文字都是英文的,不知道渲染中文效果会如何。
@豆你呢
这也可能是个人的审美观不同,会影响到你对这个结论认同。左侧粗体文字IE9粗一点,看着不如另两个清爽,右侧地图的文字IE9更清晰。
对于Chrome和FireFox,我也觉得ForeFox更好一点。