在 IE8 中以错误颜色呈现的图像

Question

我在网页中有一个渐变图像作为 PNG（无透明度）。通过截取显示页面的 Chrome 屏幕截图并从页面中裁剪图像，我看到绘制的颜色与图像包含的颜色完全相同...将屏幕截图放在 Paint 中的图像旁边，它们是相同的。

但是当我对 IE8 中呈现的页面执行相同操作时，颜色会有所不同。我最初认为 IE8 必须裁剪边缘并拉伸它，但事实并非如此...... IE8 正在渲染原始图像中没有的颜色，就像图像顶部有一个过滤器一样。

有人知道为什么，我该如何解决这个问题？关键是我有一个填充纯色的背景，渐变图像旨在与此完美融合……图像的一侧与页面背景的 RGB 值相同。显然，如果图像绘制不正确，您会看到令人讨厌的边缘效果。

Answer 1

只是略有不同，对吧？但足以看出区别了吗？

这是因为 PNG 文件通常存储 gamma correction 信息，这本应是个好主意，但实际上并非如此：The Sad Story of PNG Gamma “Correction”。

修复它的最佳方法是从 PNG 中删除伽马信息，实际上是所有其他与颜色空间相关的信息。这些都存储在gAMA、sRGB、cHRM 和iCCP 块中。

有几个实用程序可以做到这一点，例如Pngcrush 和Pngout。这些工具有很多，有些比其他的功能更多，有些比其他的更易于使用，但您现在应该可以自己找到这些工具了。

The PNG Gamma Dilemma 对第一篇文章进行了总结，并提供了 Pngcrush 的一些使用信息。