Html 为什么要加载两个srcset图像？

在开发响应性web模板的上下文中，我使用srcset属性根据当前视口大小加载不同的图像。这在一般情况下效果很好。但在生产模式下，图像从DAM（数字资产管理系统）加载，在DAM中使用特殊参数缩放和裁剪请求的图像，例如：

<img src="{url}/s,x,586,y,0/{img_id}"
     srcset="{url}/s,x,293,y,0/{img_id} 293w,
            {url}/s,x,440,y,0/{img_id} 440w,
            {url}/s,x,586,y,0/{img_id} 586w"
     sizes="(max-width: 520px) 100vw, (max-width: 1010px) 40vw, 15vw" />

问题是：现在每个图像加载两次（440w和586w）。

---

这是缓存问题吗

您的代码看起来非常好，浏览器应该只加载一个图像，除非您调整窗口大小或旋转平板电脑。

我无法重现该问题。在我的测试（Firefox49）中，只加载了293w版本。您能否提供指向受影响页面的链接？您使用了哪种浏览器和版本？