# Chrome 上的 Logo 质量低

**URL:** https://meta.discourse.org/t/low-logo-quality-on-chrome/208091
**Category:** Support
**Created:** [2021年十一月3日 09:46 UTC](https://meta.discourse.org/t/low-logo-quality-on-chrome/208091 "2021-11-03T09:46:00Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Shenron\_segamag](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/shenron_segamag/32/188149_2.png) [@Shenron\_segamag](https://meta.discourse.org/u/Shenron_segamag)
#### Post date: [2021年十一月3日 09:46 UTC](https://meta.discourse.org/t/low-logo-quality-on-chrome/208091/1 "2021-11-03T09:46:00Z")

</div>

您好，

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

Firefox：  
 ![image](https://global.discourse-cdn.com/meta/original/3X/a/1/a1aa9f379be63a7e31e7437b5c7c3cce0eb4ae26.png) ![image](https://global.discourse-cdn.com/meta/original/3X/c/1/c1412a774b1d41fefe5e6b582af2d2c762de1bb9.png)

Chrome：  
 ![image](https://global.discourse-cdn.com/meta/original/3X/d/e/de70745df7e882015c2ecbf67523909c1b83ea59.png) ![image](https://global.discourse-cdn.com/meta/original/3X/c/1/c1b5670d66097f283c1608250a1669d515a0a3c8.png)

谢谢。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2021年十一月3日 21:04 UTC](https://meta.discourse.org/t/low-logo-quality-on-chrome/208091/2 "2021-11-03T21:04:28Z")

</div>

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

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

```

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

---

<div class="post-metadata">

### Author: ![Shenron\_segamag](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/shenron_segamag/32/188149_2.png) [@Shenron\_segamag](https://meta.discourse.org/u/Shenron_segamag)
#### Post date: [2021年十一月4日 07:52 UTC](https://meta.discourse.org/t/low-logo-quality-on-chrome/208091/3 "2021-11-04T07:52:20Z")

</div>

您好，

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

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