我的网站上有Matt Willcox的出色自适应图像。它是这样工作的：
- 服务器提供800px的图像
- 自适应图像重定向到不大于您的分辨率宽度的图像
问题是BootStrap在桌面上以列的形式显示图像，在平板电脑和手机上以全宽显示图像。因此，从技术上讲，自适应应该为桌面提供比较小视口更小的图像。Google PageSpeed为此猛烈抨击我。我有800像素的图像缩小到150像素左右
我做了很多研究，但似乎找不到可行的解决方案。我应该破解自适应图像来查看分辨率宽度以外的功能，以提供正确的图像吗？是否有其他库可以解决此问题？
由于cookie中的分辨率是通过JS设置的，您可以尝试覆盖安装步骤3 中提供的代码
根据以下内容，Cookie应该具有更高的优先级：
它处理没有cookie集的情况；移动设备将获得最小的图像，桌面设备将获得最大的
EDIT此外，我建议注意项目github页面上描述的标记。然而，浏览器对这些功能的支持仍然存在问题，希望它们在不久的将来得到修复。
如果您使用S3 bucket加载图像，那么您可以尝试AWS lambdas来处理调整大小的工作。你可以参考下面的文章https://medium.com/@vinay.humberi/image-compression-and-optimisation-with-aws-lambda-deb766fac2fe
或者，如果你不想使用亚马逊服务，那么有一个超级便宜的saas应用程序，叫做gumlethttps://www.gumlet.com/
看看吧！希望这对你有所帮助。