如何让自适应图像为响应式 BootStrap 图像发送正确的文件大小？

Question

我的网站上有 Matt Willcox 出色的自适应图像。它是这样工作的：

• 服务器提供 800 像素的图像。
• 自适应图像重定向到不大于您的分辨率宽度的图像

问题是 BootStrap 在桌面和平板电脑和移动设备的全宽中以列显示图像。因此，从技术上讲，与较小的视口相比，自适应应该为桌面提供较小的图像。Google PageSpeed 为此向我猛烈抨击我。我有 800 像素的图像缩小到大约 150 像素左右。

我做了很多研究，但似乎找不到可行的解决方案。我应该破解自适应图像以查看分辨率宽度以外的功能以提供正确的图像吗？是否有不同的库可以解决此问题？

Answer 1

由于cookie中的解析是通过JS设置的，您可以尝试覆盖安装步骤3中提供的代码

根据以下规定，Cookie 应该具有更高的优先级：

它处理没有设置 cookie 的情况；移动设备将提供最小的图像，桌面设备将获得最大的图像

编辑我还建议注意标签，因为它在项目 github 页面上进行了描述。但是，浏览器对此功能的支持仍然存在问题，希望它们能在最近的将来得到修复