この PNG が Firefox と Chrome で異なって表示されるのはなぜですか?

Question

これが画像です:

pngcrushこの画像には gAMA チャンクもカラー プロファイルもありません。またはを使用しても sRGB チャンクを削除できませんでしたpngfix。

それにもかかわらず、この画像はFirefoxとChrome（または私が使っているのはChromium）では表示が異なります。Chromiumでは画像がはるかに明るく、fehやnomacsなどのオフライン画像ビューアで表示されるものと一致します。Firefoxが間違っていると思う傾向がありますが、確信はありません。そして、もっと重要なのは、同じように表示される画像を作成するにはどうすればよいでしょうか?

PNGがブラウザによって異なって表示されることに関して私が見つけた唯一の関連情報はすべて非常に古いものです。おそらく最も関連のある質問はこれですしかし、Chromium と Firefox の両方で、背景が少し異なるものの、梨が表示されます。nomacs と feh ではリンゴが表示されます。

Answer 1

分かりました。Firefox では、デフォルトが小さすぎると感じたため、設定でlayout.css.devPixelsPerPxを変更しました。Chromium では、そのようなことはしていませんでした。1.2about:config

ほとんどの画像では問題になりませんが、この画像の場合は、隣り合っていてもピクセル値が大きく異なるため、画像の拡大縮小によって問題が生じます。どちらのブラウザでもこのページを拡大して、画像がどのように変化するかを確認すれば、このことが分かります。

layout.css.devPixelsPerPx固定したものをデフォルト値に戻します-1.0。