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

Question

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

<link href = "https://bootswatch.com/flatly/bootstrap.min.css" rel = "stylesheet" type = "text/css">
<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
2) 
<table>
  
  <tr>
    <td></td>
    <td></td>
    <td rowspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  
</table>
3) 
<table>
  
  <tr>
    <td></td>
    <td></td>
    <td rowspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr><td colspan="2"></td></tr>
</table>

问题是：现在每个图像都加载了两次（440w和586w）。 这是一个缓存问题吗？

Answer 1

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