美文网首页
渐进式jpg

渐进式jpg

作者: baller | 来源:发表于2016-11-29 14:34 被阅读0次

渐进式:从模糊变清晰,有利于用户体验,但是低版本IE不支持,会在图片完全加载完之后,突然显示!

基线式:支持所有浏览器,从上到下加载,用户体验一般!

*使用渐进式jpg,在ps中选择“另存为web格式”,在右侧勾选上“连续”!

在fw中,图像选项,勾选上“渐进式增强”!

下表为其在各个浏览器下测试的结果:

浏览器(特定测试版本)渐进jpeg前景渲染渐进jpeg背景渲染

Chrome

渐进地 (相当快!)渐进地 (相当快!)

Firefox (v 15.0.1 Mac, 12.0 Win)渐进地 (相当快!)文件下载后立即地(慢)

Internet Explorer 8文件下载后立即地(慢)文件下载后立即地(慢)

Internet Explorer 9渐进地 (相当快!)文件下载后立即地(慢)

Safari (v 6.0 Desktop, v 6.0 Mobile)文件下载后立即地(慢)文件下载后立即地(慢)

Opera (v 11.60)文件下载后立即地(慢)文件下载后立即地(慢)

结论很简单,Chrome + Firefox + IE9浏览器下,渐进式图片加载更快,而且是快很多,至于其他浏览器,与基本式图片的加载一致,至少不会拖后腿。

渐进式图片其他的补充:

1. 你永不知道基本式图片内容,除非他完全加载出来;

2. 渐进式图片一开始大小框架就定好,不会像基本式图片一样,由于尺寸未设定而造成回流——提高的渲染性能;

3. 渐进式图片也有不足,就是吃CPU吃内存。

相关文章

网友评论

      本文标题:渐进式jpg

      本文链接:https://www.haomeiwen.com/subject/jmgapttx.html