PNG 图像在 Chrome、FireFox 和 Safari 中呈现不同答案

【问题标题】：PNG image is being rendered different in Chrome, FireFox, and SafariPNG 图像在 Chrome、FireFox 和 Safari 中呈现不同
【发布时间】：2011-03-23 03:40:22
【问题描述】：

当我在 chrome、safari 和 firefox 中显示以下 PNG 时，我看到了差异。

http://bobcravens.com/demos/temp/logo.png

这是（从左到右）Chrome、Safari、FireFox（均在 Mac 上）的屏幕截图。

我确信这将是一些简单的事情（我可能应该知道），但无法确定根本原因。

感谢您的帮助。

鲍勃

【问题讨论】：

png 上是否有 alpha 通道？可能 safari 忽略它/不支持它。
重新保存图像，我刚刚这样做了，问题已解决（我在 photoshop 中重新保存了它）。不知道是什么原因造成的
@Dotmister。有趣的是，我刚刚重新保存，现在 FireFox 和 Safari 都呈现较暗的版本，但 Chrome 仍在呈现褪色的版本：bobcravens.com/demos/temp/logo.png
也许尝试在 Paint 或其他东西中重新保存，这可能会忽略 PNG 文件的 Gamma 部分
我终于有了一个工作版本：bobcravens.com/demos/temp/logo_copy2.png。我一直在使用 Pixelmator 进行图像编辑。之前的尝试我使用了正常的“文件保存”功能。这是我最后一次使用“网络导出”功能。

标签： firefox google-chrome safari png

【解决方案1】：

Safari 似乎忽略了该 PNG 中的 gAMA 块。通过从 PNG 文件中去除 gAMA 块，我让 Firefox 在您的屏幕截图中显示与 Safari 相同的图像。

【讨论】：

【解决方案2】：

这几乎肯定是伽马问题和/或阿尔法通道问题。

在此处测试您的浏览器支持。

http://entropymine.com/jason/testbed/gamma/

http://entropymine.com/jason/testbed/pngtrans/

http://entropymine.com/jason/testbed/alphagamma/

解决方法：将图像保存为“更简单”的格式（bmp 或 gif），然后将其重新导出为 png。

【讨论】：