HTML – 在Chrome中模糊缩小图像

前端之家收集整理的这篇文章主要介绍了HTML – 在Chrome中模糊缩小图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用gravatars,而且经常在我用css缩减它们的时候,我相信Google Chrome直到最近才能正常使用它(我可能错了,不确定问题何时开始出现)但是现在,图像变得模糊了缩小尺寸,这种情况只发生在Chrome中,FF缩减相当不错。我尝试使用图像渲染,但它没有解决问题。有人能给我一个暗示,最好的办法是什么?

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

谢谢

解决方法

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

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

image-rendering: -webkit-optimize-contrast;

猜你在找的HTML相关文章