小编Mik*_*oss的帖子

最近一次 Google Chrome 更新后，我网站上的 Retina 图像变得模糊。它们仍然是视网膜图像（当我在新选项卡中打开图像时，它是双倍尺寸的图像），但由于某种原因，它们看起来像非视网膜图像一样模糊。因此，图像的缩小算法似乎有问题。

1) Firefox、Opera 和 Microsoft Edge 中的 Retina 图像看起来不错。

2)安装旧版本 Chrome 之一 (83.0.4103.116) 后，该问题不再存在。我只是进一步调查了这一点，发现该问题是在 Chrome 84.0.4147.89 版本（Windows、桌面）中引入的。之前的 83.0.4103.116 版本中不存在该问题！

我也只是尝试将这个 CSS 添加到图像中，它确实解决了问题，但它过去没有它也可以工作：

图像渲染：-webkit-optimize-contrast

解决该问题的另一件事是禁用Chrome 系统设置中的“可用时使用硬件加速”设置。

PS 昨天情况恢复正常一段时间，视网膜图像显示正确，但今天又发生了。

该网站是www.pianodreamers.com

我附上网站的屏幕截图供您比较（当前 Chrome 版本与旧版本）：

首页的全尺寸屏幕截图：

https://gofile.io/d/pRtSwG

标志图片：