5

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

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

问题是 BootStrap 将图像显示在桌面的列中,而平板电脑和移动设备的图像则显示为全角。所以从技术上讲,自适应应该比较小的视口为桌面提供更小的图像。Google PageSpeed 正在为此抨击我。我有 800 像素的图像缩小到大约 150 像素左右。

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

4

2 回答 2

0

由于 cookie 中的分辨率是通过 JS 设置的,您可以尝试覆盖安装步骤 3中提供的代码

Cookies 应该有更高的优先级:

它处理没有 cookie 集的情况;移动设备将获得最小的图像,而桌面设备将获得最大的图像

编辑另外我建议注意项目github页面上描述的标签但是,浏览器对此功能的支持仍然存在问题,希望在不久的将来修复它们

于 2015-07-14T08:52:40.887 回答
0

如果您使用 S3 存储桶来加载图像,那么您可以尝试 AWS lambdas 来处理调整大小的工作。您可以参考以下文章 https://medium.com/@vinay.humberi/image-compression-and-optimisation-with-aws-lambda-deb766fac2fe

或者,如果您不想使用亚马逊服务,那么可以使用名为 gumlet https://www.gumlet.com/的超级便宜的 saas 应用程序

一探究竟!希望这可以帮助你。

于 2020-03-11T17:28:26.737 回答