HTML5 源代码集 : is 1x mandatory?

Question

使用带有 <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 定义会节省几个字节，尤其是在带有大型缩略图库的页面上。

Answer 1

Specification说:

If child has a src attribute whose value is not the empty string and source set does not contain an image source with a density descriptor value of 1, and no image source with a width descriptor, append child's src attribute value to source set.

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