PNG 图像在 Chrome、FireFox 和 Safari 中呈现不同的效果
当我在 chrome、safari 和 firefox 中显示以下 PNG 时,我发现了差异。
http://bobcravens.com/demos/temp/logo.png
这是(从左到右)Chrome、Safari、FireFox(均在 Mac 上)的屏幕截图。
我确信这将是简单的事情(而且我可能应该知道),但一直无法做到以确定根本原因。
感谢您的任何帮助。
鲍勃
When I display the following PNG in chrome, safari, and firefox I am seeing differences.
http://bobcravens.com/demos/temp/logo.png
Here is a screenshot of (left to right) Chrome, Safari, FireFox (all on a Mac).
I am certain this is going to be something simple (and that I probably should know), but haven't been able to determine the root cause.
Thanks for any help.
Bob
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
Safari 似乎忽略了该 PNG 中的 gAMA 块。通过从 PNG 文件中删除 gAMA 块,我可以让 Firefox 在屏幕截图中显示与 Safari 相同的图像。
It appears that Safari is ignoring the gAMA chunk in that PNG. By stripping out the gAMA chunk from the PNG file, I get Firefox showing the image the same as Safari in your screenshot.
这几乎肯定是伽马问题和/或阿尔法通道问题。
在这里测试您的浏览器支持。
http://entropymine.com/jason/testbed/gamma/
http://entropymine.com/jason/testbed/pngtrans/
http://entropymine.com/jason/testbed/alphagamma/
解决方法:以“更简单”的格式(bmp 或 gif)保存图像并重新导出它为 png。
That's almost surely a gamma problem and/or an alpha channel problem.
Test your browser support here.
http://entropymine.com/jason/testbed/gamma/
http://entropymine.com/jason/testbed/pngtrans/
http://entropymine.com/jason/testbed/alphagamma/
Workaround: save your image in a "simpler" format (bmp or gif) and reexport it as png.