图像随机模糊

Question

我无法弄清楚为什么有些图片在不同的浏览器尺寸下变得模糊。看看this sample site：

顶部的菜单按钮和其他按钮在悬停时都会缩小一点。更改浏览器大小几次，看看其中一些是模糊的。有些实际上在悬停时变得更尖锐，有些变得更加模糊。

我无法弄清楚如何解决这个问题。它们都以相同的方式压缩，所有这些都在相同的分辨率下。是否有一个特定的尺寸，他们需要在缩放时看起来更好？

Answer 1

您提供的图像文件方式太大，导致浏览器花时间将它们重新缩放到图像标记中指定的大小。这会导致您看到的双遍渲染。

例如，icon_profile2.png的尺寸为2055x1712。

在您喜欢的图片编辑器中将图片大小调整为所需的大小，并使用网站上的缩小版本。