HTML – 在Chrome中模糊缩小图像

发布时间：2020-12-14 21:24:21 所属栏目：资源来源：网络整理

导读：我正在使用gravatars，而且经常在我用css缩减它们的时候，我相信Google Chrome直到最近才能正常使用它(我可能错了，不确定问题何时开始出现)但是现在，图像变得模糊了缩小尺寸，这种情况只发生在Chrome中，FF缩减相当不错。我尝试使用图像渲染，但它没有解决

我正在使用gravatars，而且经常在我用css缩减它们的时候，我相信Google Chrome直到最近才能正常使用它(我可能错了，不确定问题何时开始出现)但是现在，图像变得模糊了缩小尺寸，这种情况只发生在Chrome中，FF缩减相当不错。我尝试使用图像渲染，但它没有解决问题。有人能给我一个暗示，最好的办法是什么？

这个例子可以找到here，在Chrome中打开它然后在FF中，它在Chrome中比在FF中更加模糊。

谢谢

解决方法

我在Mac上发现了完全相同的问题：Firefox很好地缩小了图像质量，而chrome使它看起来很模糊，这非常糟糕。
我不太关心渲染时间或速度，我需要徽标看起来很棒！

我发现以下CSS规则修复了Chrome for Mac

image-rendering: -webkit-optimize-contrast;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!