首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

HTML5图像适配引见

2012-07-27 
HTML5图像适配介绍现在移动互联网日新月异,各种移动设备层出不穷,在iPhone 4上最先出现视网膜屏幕后,这种

HTML5图像适配介绍

        现在移动互联网日新月异,各种移动设备层出不穷,在iPhone 4上最先出现视网膜屏幕后,这种技术快速的被大多数智能移动设备所采用,可以遇见将会快速的普及开来。

HTML5图像适配引见

        但是这也对我们的Web提出了更高的要求,因为我们需要适配更为复杂的UI方案。

        适配图像将会是响应式网络设计下一个需要解决的问题,因为我们针对不同分辨率的屏幕,例如iPhone 4s和iMac,最佳的方案是分别提供不同的图像。因为为低分辨率的屏幕提供高分辨率图像浪费带宽并影响下载速度,而为高分辨率的屏幕提供低分辨率图像又非常影响体验。

        HTML5规范正在讨论分辨率图像的原生适配支持,其中一种比较可靠的方案如下:

        srcset方案目前还在讨论和完善中,但是可以预见,我们将会有一个可靠的技术方案和标准。

        最后不要忘了,针对响应式图像,我们还有SVG这个强大而美妙的方案(详见《了解SVG》)。

        转载请注明:来自蒋宇捷的博客


热点排行