Chrome 上的 Logo 质量低

支持
1

您好，

在桌面版 Google Chrome 上使用主徽标和小徽标时，两者的质量都非常低。不过，在 Firefox 中一切正常。我是否遗漏了某个能让显示效果更好的设置？

Firefox：
image image

Chrome：
image image

谢谢。

2

这似乎是 Chrome 缩小图像时产生的问题……尝试将图像调整为与页眉中显示的实际尺寸更接近可能会有所帮助，或者您可以在网站的主题中添加以下 CSS：

.d-header #site-logo {
    image-rendering: pixelated;
}

关于此 Chrome 问题（以及其他潜在的解决方法）在 Stack Overflow 上还有更多讨论：https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome

3

您好，

感谢您的帮助。image-rendering: pixelated; 效果不明显，但通过浏览您链接的 Stack Overflow 话题，我发现 image-rendering: -webkit-optimize-contrast 效果更好，尽管仍不完美。

我将尝试调整图像尺寸，看看是否能进一步优化。