Javascript 浏览器图像渲染

我正在使用JavaScript动态调整网页上的透明.gif大小。原始图像大小约为200x200像素，通常调整为600x600到800x800之间。在IE8和FF3中，调整大小的图像会产生一个好看的渐变，颜色看起来会被拉伸。但是，在IE7和FF2等较旧的浏览器中，调整大小的图像不显示渐变，只显示相同颜色的块。很明显，浏览器中有一些东西导致了这种情况，但是我很好奇，是否有一种方法可以解决这个问题，而不必改变我的原始图像。

如果你只是将其用作渐变，为什么不在Photoshop/Gimp中创建一个新的，分辨率符合你需要的图像呢。从长远来看，尝试在所有浏览器中正确显示放大的图像要简单得多。

如果您只是将其用作渐变，为什么不在Photoshop/Gimp中创建一个新的图像，它的分辨率符合您的需要。从长远来看，要想在所有浏览器中正确显示放大的图像，要简单得多。

没有。较旧的浏览器只需获取图像中的像素，然后根据您给图像的新大小将它们相乘

---

较新的浏览器似乎具有更高级的图像渲染和抗锯齿等功能，但较旧的浏览器无法做到这一点。如果你想让图像在各种尺寸下看起来都很好，可以选择最大的尺寸，然后根据需要缩小。升级一个小图像会看起来很难看，尤其是在旧的浏览器中，你无能为力。

没有。较旧的浏览器只需获取图像中的像素，然后根据您给图像的新大小将它们相乘

---

较新的浏览器似乎具有更高级的图像渲染和抗锯齿等功能，但较旧的浏览器无法做到这一点。如果你想让图像在各种尺寸下看起来都很好，可以选择最大的尺寸，然后根据需要缩小。升级一个小图像会看起来很难看，尤其是在旧浏览器中，而且你无能为力。

如果你在img css样式中添加“-ms interpolation mode:bicubic；”，IE7似乎支持双三次。我自己还没有尝试过，不知道它是否适用于GIF，还是只适用于真彩色图像。

如果在img css样式中添加“-ms插值模式：双三次”，IE7似乎支持双三次。我自己也没试过，不知道它是对GIF有效还是只对真彩色图像有效。

调整大小时的插值是不同的。调整大小时的插值是不同的。