Image CSS图像集/背景图像。img srcset的替代方案？有人用这个吗？

就像html标记的“srcset”一样，有一个CSS背景图像属性称为“image set”

W3C信息：

它目前与Chrome、Safari、Opera和Android浏览器兼容。当前与FireFox或IE/Edge浏览器不兼容。它似乎也在为微软的Edge浏览器开发。

下面是实现/测试的示例：cloudfour.com/examples/image-set/

对于正常屏幕和视网膜屏幕，它似乎只接受通用（x）分辨率dpi

<image-set-option> = [ <image> | <string> ] <resolution>

background-image: image-set( "foo.png" 1x,
                             "foo-2x.png" 2x,
                             "foo-print.png" 600dpi );

=[|]
背景图像：图像集（“foo.png”1x，
“foo-2x.png”2x，
“foo print.png”600dpi）；

除此之外，我找不到关于这个的任何文档

我的问题是：

有人用这个吗

这可用于优化页面加载速度（例如，基于320px宽度、640px宽度、1024px宽度等屏幕宽度的不同版本）

---

（我知道@media screen和（max width），请不要提及这一点。）

这是图像优化的一部分，因为浏览器将使用它需要的图像，而不是缩小大图像，从而提高页面加载，因为分辨率较低的图像尺寸较小，因此加载速度更快

---

尽可能使用picturefill。。这是一个很好的资源。

Dhaval，你以前用过“图像集”吗？你说picturefill是什么意思？这是一个用于picture元素的javascript库？是的，我使用了响应图像，我也使用了scottjehl.github.io/picturefill