当使用带有无断点的<img>
的响应图像集(即没有sizes
属性)时,您通常会以不同的分辨率提供同一图像的多个版本,然后使用像素密度语法在srcset
属性中进行定义,例如1x
,2x
,3x
但是,通常图像的1x
版本与src
属性中已经定义的图像相同,因此有点多余。因此,我想知道-在1x
参数中定义<img>
的srcset
版本真的必要/必须吗?
仅在使用时
<img src="http://placehold.it/350x150" srcset="http://placehold.it/700x300 2x">
代替
<img src="http://placehold.it/350x150" srcset="http://placehold.it/350x150 1x, http://placehold.it/700x300 2x">
那么至少FireFox会正确显示
350x150
图像,并且缩放级别/dppx是> 1
时,它将立即使用700x300
图像。忽略
srcset
中的1x定义将节省一些字节,尤其是在具有较大缩略图库的页面上。 最佳答案
Specification说:
也就是说,如果1x
属性与src
属性相同,则可以省略它,但是如果您使用宽度描述符,则不能这样做。
关于HTML5 srcset : is 1x mandatory?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34466761/