在Chrome移动浏览器中禁用图像压缩

Question

当使用iOS和Android系统的Chrome移动版时，我们发现当“减少数据使用”功能被打开后，我们模特机构网站上的图片会被压缩相当大的比例。我们希望能够禁用此功能，因为我们的作品集必须包含高质量的照片。

是否有任何HTML元标记、CSS规则或任何JS技巧可以强制禁用此功能？

- PeterInvincible

Answer 1

尝试使用<img src="example.png" pagespeed_no_transform>，其中“Optimize Images”过滤器不会优化带有pagespeed_no_transform属性的图像（尽管它仍然可以缓存它）。

- euvl

---

谢谢你的回答！这个方法可行，但我们有很多照片，难道没有更简单的方法，例如使用CSS规则吗？ - PeterInvincible

@TrisztánThar 也许你可以使用 JavaScript 给所有的图片添加标签，然后再添加该属性。 - DaniP

@TrisztánThar：不确定它是否有正确的规则，但您可以编写一个小的Python脚本来解析所有HTML，找到每个<img>并添加“pagespeed_no_transform”标记。 - euvl

@euvl 我认为这里不需要。只需要一点点的Jquery即可。 - user4103823

@euvl 我遇到了类似的问题，但是我已经使用 background: url("@{imagePath}/homepage/bg.jpg") no-repeat center fixed css 属性来应用图像。我能否通过css实现 pagespeed_no_transform呢？ - Jayesh Dhandha

Answer 2

使用一些jQuery 例如

$(document).ready(function(){
$("img").attr (" pagespeed_no_transform",true );
});

- user4103823