浏览器图像渲染

Question

我正在使用JavaScript在我的网页上动态调整透明的.gif文件。原始图像大小约为200x200像素，通常调整为600x600到800x800之间。在IE8和FF3中，调整大小的图像会产生漂亮的渐变，其中颜色看起来是拉伸的。但是，在较旧的浏览器（如IE7和FF2）中，调整大小的图像不会显示渐变，而只会显示相同颜色的块。显然，浏览器中内置了一些内容，但是我很好奇是否有办法解决这个问题而不必改变原始图像。

Answer 1

没有。较旧的浏览器只需获取图像中的像素，然后根据您为图像提供的新尺寸将它们相乘。

较新的浏览器似乎有更高级的图像渲染和抗锯齿等，但旧版浏览器却无法做到这一点。如果您希望图像在各种尺寸下看起来都很好，请尽可能使用，然后根据需要缩小。升级小图片看起来很丑陋，特别是在旧浏览器中，你无能为力。

Answer 2

如果您只是将它用作渐变，为什么不在Photoshop / Gimp中添加一个新的，以满足您的需要。从长远来看，它会更简单，然后尝试在所有浏览器中正确显示放大的图像。

Answer 3

如果你添加“-ms-interpolation-mode：bicubic”，看起来IE7支持bicubic。你的img css风格。我自己没有尝试过，想知道它是否适用于GIF或是否仅适用于真彩色图像。