javascript - 如何防止在 Chrome 中调整图像大小时模糊？

Question

如果您使用调整图像大小，图像会非常模糊，例如显示尺寸调整后的小图像，例如；

<img src="largeimage.jpg" width=30 height=30 \>

它在其他浏览器中不模糊，但在 Chrome 中，它非常模糊。 我在 www.twitter.com 看过，他们的新设计有很多调整大小的图像，不知何故，他们设法清除了调整大小的图像中的模糊。这些我都试过了；

image-rendering: crisp-edges;
image-rendering: pixelated;

但不幸的是，它并没有解决问题。

下面是对比。在左侧，您可以看到与右侧相比，它非常模糊:

正确的做法是什么？

Answer 1

你试过吗？ :)

filter: blur(0);
-webkit-filter: blur(0);
transform: translateZ(0);
-webkit-transform: translateZ(0);