Chrome 不显示合适的 srcset 图片答案

【问题标题】：Chrome does not display suitable srcset pictureChrome 不显示合适的 srcset 图片
【发布时间】：2015-05-02 21:55:23
【问题描述】：

我正在尝试在 Chrome 中使用 img srcset 属性，但它不显示 srcset 合适的图片。我使用两种不同的 1x 设备在 Linux (Chromium 41) 和 Windows (Chrome 42) 上对其进行了测试。

我设置了两张图片：512px 和 1054px 宽的图片。但是 Chrome 仍然在 734px 或更小的视口宽度下显示 512px 的图片，在 735px 或更大的宽度下显示 1054px 的图片。

在 Firefox 上运行良好（在配置中启用 srcset）。

为什么Chrome在viewport宽度大于512px时显示512px的图片？

body {
  background-color: #000;
}
img {
  max-width: 100%;
}

<img srcset="
    http://download.blender.org/institute/logos/blender-socket.png 512w,
    http://download.blender.org/institute/BlenderDesktopLogo.png 1054w" sizes="100vw">

Codepen 链接： http://codepen.io/anon/pen/dooQvJ

【问题讨论】：

标签： html google-chrome chromium

【解决方案1】：

关于升级问题的铬问题已公开： https://code.google.com/p/chromium/issues/detail?id=456084

放大似乎是实际的 Chromium 算法来显示 srcset 图片：

升级是设计使然。作为过度下载之间的妥协和图像质量，我们在资源之间“划清界限” 几何平均数。我们可能会在未来改变这种行为网络状况、用户偏好、当前 DPR 等

【讨论】：

感谢您指出这一点；在研究了 Chromium 的源代码后，我找到了 that piece of code 做出了决定。