几款主流浏览器图像渲染能力大比拼 - IE什么玩意儿!
2009-03-05 12:03
633 查看
一篇文章里需要截图,原图放到一个网页上然后想再抓个页面的图,可发现原图放上去太大,然后就使用HTML调整图像显示大小,结果不论用什么格式发现在IE里面只要一缩放肯定没法儿看,可是换了一个浏览器才发现原来是IE太烂了,顺便比较了一下几个浏览器的图像渲染能力,结果只能说:IE太烂了。
(注:在上传BMP图时Live Writer把图转成PNG的了,可能跟原图差不多,但我们可以想像原图的效果,图是用MATLAB画出来的,如果想试试的可以使用下面的代码在MATLAB上画图,然后比较一下试试)
MATLAB程序:
原图为:
HTML代码为:
几个浏览器的显示效果分别为:
比较上面的各个效果,Safari, Chrome和Opera不相上下,比较其它的图片格式包括PNG,JPG,TIF总合结果Safari最好,毕竟人家是平面设计专业出身,第二是Opera老牌的浏览器,表现也不错,第三是Chrome,这是很不容易的,跟其它几个相比真的太年轻了。而Firefox比起上面三个就要差一截,至于IE真的不值一提了,什么玩意儿!
这种效果使用复杂的图片看起来可能不是特别明显,用这种简单的线条一遛,是骡子是马立见分晓。
(注:在上传BMP图时Live Writer把图转成PNG的了,可能跟原图差不多,但我们可以想像原图的效果,图是用MATLAB画出来的,如果想试试的可以使用下面的代码在MATLAB上画图,然后比较一下试试)
MATLAB程序:
sys=tf([1 1],[1 1 1 1]); bode(sys); h = figure(1); print(h, '-dmeta','matlab') bode(sys); h = figure(1); print(h, '-djpeg','matlab') bode(sys); h = figure(1); print(h, '-dpng','matlab') bode(sys); h = figure(1); print(h, '-dbmp','matlab') bode(sys); h = figure(1); print(h, '-dtiff','matlab')
原图为:
HTML代码为:
BMP
几个浏览器的显示效果分别为:
比较上面的各个效果,Safari, Chrome和Opera不相上下,比较其它的图片格式包括PNG,JPG,TIF总合结果Safari最好,毕竟人家是平面设计专业出身,第二是Opera老牌的浏览器,表现也不错,第三是Chrome,这是很不容易的,跟其它几个相比真的太年轻了。而Firefox比起上面三个就要差一截,至于IE真的不值一提了,什么玩意儿!
这种效果使用复杂的图片看起来可能不是特别明显,用这种简单的线条一遛,是骡子是马立见分晓。
相关文章推荐
- IE的CSS渲染跟其它浏览器有什么不同
- IE的CSS渲染跟其它浏览器有什么不同
- HTML5图像预览,Html Input File Preview 选择后立即预览 兼容IE,Firefox,Chorom等主流浏览器
- IE对标准的支持不够好导致CSS渲染跟其它浏览器有什么不同
- javascript 实现禁止右键,复制,选取文本 (兼容firefox,IE,chrome等主流浏览器)
- Iframe的高度自适应且兼容谷歌,火狐,IE和360等主流浏览器
- Js 日期选择,可以的一个页面中重复使用本JS日历,兼容IE及火狐等主流浏览器,而且界面简洁、美观,操作体验也不错。
- 针对主流浏览器的CSS-HACK写法及IE常用条件注释
- [转]这五种方法前四种方法只支持IE浏览器,最后一个方法支持当前主流的浏览器(火狐,IE,Chrome,Opera,Safari)
- 针对主流浏览器的CSS-HACK写法及IE常用条件注释
- 详解主流浏览器多进程架构:Chrome、IE
- js获得指定控件光标的坐标,兼容IE,Chrome,火狐等多种主流浏览器
- FF,chrome,ie主流浏览器兼容写法总结
- 禁止页面全选复制IE,Opera,Mozilla Firefox,Google Chrome,Safari,Flock等主流浏览器测试成功
- 兼容所有主流浏览器的图片上传本地预览(IE\FIREFOX\CHROME)
- 求助 javascript以及css滤镜详细介绍,在IE以及火狐、chrome等主流浏览器下的详细应用教程
- 在浏览器地址栏输入地址到页面渲染完成发生了什么?(超详细)(下)
- 各主流浏览器的JS执行能力测试
- 如何保证在IE和火狐等主流浏览器让图片在块级元素中左右,上下居中显示