1

Google Chrome は、背景色に合わせようとしている画像の色を常に変更しているようです。Photoshop と GIMP で保存してみましたが、それぞれの色設定も調整しましたが、Chrome では役に立ちません。FF と IE は正常に動作します (一度だけ)。

私の画像の色は #282828 です。PNG として保存した後、GIMP と Photoshop の両方で再度開き、スポイト ツールを使用して色がまだ #282828 であることを確認しました。Chrome でレンダリングすると、より暗くなります。背景色が #282828 の div があり、画像はそのすぐ隣にあります。スクリーンショットを撮りましたが、div の背景色は #282828 で、画像の背景色は #1d1d1d でした。いくつかの異なる色でこれを試しましたが、それぞれ同じ結果になりました。ソース画像をChromeがレンダリングする色にしようとしましたが、Chromeはまだ変更しています。たとえば、Chrome は #282828 を #1d1d1d に変更していたので、ソース イメージを #1d1d1d にしました。Chrome でレンダリングすると、#1d1d1d ではなく、他の暗い色になりました。

この時点で、修正またはプログラムによる回避策を探しています。画像は透明で、曲線があり、ドロップ シャドウがあるため、画像またはその一部を html に置き換えることを避ける方法はありません。

更新: また、jpg および gif として保存しようとしました。gif は実際には機能しますが、ドロップ シャドウを保持できません。使用している画像を添付します。Chrome でこれのスクリーンショットを撮ると、GIMP のスポイト ツールで #1d1d1d と表示されます。オリジナルを開いて同じことをすると、#282828 です。

ここに画像の説明を入力

4

1 に答える 1

0

PNG はガンマ補正を使用して、画像がすべてのモニターで同じように見えるようにします。これにより、表示されているような色の不一致が発生する可能性があります。これは、画像エディターの問題とブラウザーの問題の組み合わせです。画像エディターは、ガンマ データを画像内に埋め込むことを強制されません。ブラウザーは、ガンマ補正が存在する場合は自由に無視し、存在しない場合はランダムに強制することができます。この場合、Firefox はそれを無視すると思います。

背景がページの背景に干渉したくない場合は、透明な PNG を使用してください。

[編集] あなたの特定のケースでは、探しているグラフィックスを複製することができるかもしれませborder-radiusbox-shadow.

于 2012-12-20T17:07:45.440 に答える