srcset，如果我已经指定了每个图像的宽度，我还需要写“1x,2x,3x”吗？

Question

我应该写这个吗

srcset="small.jpg 1x 500w, medium.jpg 2x 1000w, large.jpg 3x 1500w"

或这个

srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 1500w"

两个表达一样吗？

Answer 1

您的第一个代码块不正确，请参阅此 MDN 文档：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset

srcset 属性可以包含宽度描述符（w）或像素密度描述符（例如 2x），但不能包含两者的组合。

第二个代码块是正确的。

旁注：浏览器在选择要下载三个图像中的哪一个时会自动考虑设备的像素密度。