为什么加载两个srcset图像？

在开发响应式Web模板的上下文中，我使用srcset属性根据当前视口大小加载不同的图像。这在一般情况下工作正常。但是在生产模式下，图像从DAM（数字资产管理系统）加载，其中使用特殊参数来缩放和裁剪所请求的图像，例如，为什么加载两个srcset图像？

<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" />

的问题是：现在每图像加载两次（440瓦特和586瓦特）。这是缓存问题吗？

来源

2016-10-12 GrübelDübel

我无法重现该问题。在我的测试中（Firefox 49），只加载了293w版本。你能提供一个到受影响页面的链接吗？您使用了哪个浏览器和版本？ – ausi

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

来源

2017-03-24 10:25:01

为什么加载两个srcset图像？

回答

相关问题