当使用带有<img>
没有断点的响应式图像集(即没有sizes
属性)时,您通常会提供不同分辨率的同一图像的多个版本,然后在{{1}中定义使用像素密度语法的属性,例如srcset
,1x
,2x
但是,通常图像的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定义会节省几个字节,尤其是在具有大型缩略图库的页面上。
答案 0 :(得分:11)
如果 child 具有
src
属性,其值不是空字符串且源集不包含密度描述符值为1的图像源,并且没有带宽度描述符的图像源,将子的src
属性值附加到源集。
这意味着如果它与1x
属性相同,则可以省略src
源,但如果使用宽度描述符则不能这样做。