为什么此 PNG 在 Firefox 和 Chrome 中的显示不同?

为什么此 PNG 在 Firefox 和 Chrome 中的显示不同?

以下是图片:

辣椒不好

此图像没有 gAMA 块或颜色配置文件。我尝试使用 或 删除 sRGB 块,但未能pngcrush成功pngfix

尽管如此,这张图片在 Firefox 和 Chrome(或者 Chromium,因为我用的就是这个)中的显示效果还是不同的。Chromium 中的图像要亮得多,与 feh 和 nomacs 等离线图像查看器的显示效果一致。我倾向于认为 Firefox 在这方面是错的,但我不确定。更重要的是,我怎样才能制作出一张显示相同内容的图像?

我能找到的关于 PNG 在浏览器中显示不同的唯一相关信息都很旧了。最相关的问题可能是这个。但在 Chromium 和 Firefox 中,我都看到了梨,尽管背景略有不同。在 nomacs 和 feh 中,我看到的是苹果。

答案1

我找到了答案。在 Firefox 中,我已将设置中的layout.css.devPixelsPerPx改为,因为我发现默认值太小了。在 Chromium 中,我没有这样做。1.2about:config

对于大多数图像来说,这无关紧要,但对于这张图片来说,这很重要,因为即使它们彼此相邻,像素值也有很大差异,因此图像缩放会弄乱一切。您可以通过在任一浏览器中放大此页面并查看图像如何变化来亲自查看这一点。

设置回固定事物layout.css.devPixelsPerPx的默认值。-1.0

相关内容