HTML5 srcset:1x是强制性的吗?

时间:2015-12-25 21:54:39

标签: html5 srcset

当使用带有<img>没有断点的响应式图像集(即没有sizes属性)时,您通常会提供不同分辨率的同一图像的多个版本,然后在{{1}中定义使用像素密度语法的属性,例如srcset1x2x

但是,通常图像的3x版本与1x属性中已定义的图像相同,因此它有点多余。因此,我想知道 - 在src参数中定义1x <img>版本是否真的有必要/强制性?

仅使用

srcset

而不是

<img src="http://placehold.it/350x150" srcset="http://placehold.it/700x300 2x">

然后至少FireFox会正确显示<img src="http://placehold.it/350x150" srcset="http://placehold.it/350x150 1x, http://placehold.it/700x300 2x"> 图片,一旦缩放级别/ dppx为350x150,它就会使用> 1图像。

省略700x300中的1x定义会节省几个字节,尤其是在具有大型缩略图库的页面上。

1 个答案:

答案 0 :(得分:11)

Specification说:

  

如果 child 具有src属性,其值不是空字符串且源集不包含密度描述符值为1的图像源,并且没有带宽度描述符的图像源,将src属性值附加到源集

这意味着如果它与1x属性相同,则可以省略src源,但如果使用宽度描述符则不能这样做。