Question

我有一个32位，96x96透明的.png图像，我在一个高度为24px的页面中显示，以适应我的标题。在Chrome中，它显示得非常好（干净的边缘并已解决），但是，在IE9中它完全失真。

我是否需要将图像大小从96x96中提高以使其在IE中正确显示？

Answer 1

这是ie9中的默认设置（我认为ie7和8），但实际上它有一个css解决方案：

img {
  -ms-interpolation-mode: bicubic;
}

否则，它将默认使用“最近邻”algorythm来下采样图像。

Answer 2

不幸的是，您可能需要调整它的大小。浏览器决定缩放图像的方式不在你的控制之下，我不这么认为。

Answer 3

您应该确保图像的大小等于容器的大小。您无需依赖浏览器来重新调整大小。除了渲染之外，还有重新调整大小的性能问题。