Farbunterschiede zwischen Bildern und HTML

Question

Ich habe Probleme mit Farbabstimmung CSS Hintergrundfarben mit Farben in Bildern auf der gleichen HTML-Seite. Was gibt?

Answer 1

Ich vermute, dass Sie Bild verwenden, um ein PNG eine Menge Ärger gehabt? Dies ist ein Gammakorrektur- "Feature". Mark Ransom hat eine useful text darüber geschrieben.

Beachten Sie, dass die aufgelistete pngcrush Lösung für mich nicht funktioniert hat.

Answer 2

Drei Möglichkeiten in dem Sinne:

• Kontrolle, die Ihre Monitor Farbtiefe 32- oder 24-Bit gesetzt ist, nicht 16-Bit-
• prüfen, ob das Bild nicht eine Palette zugeordnet ist (wie die websichere Palette). Dies kann für ein .gif oder 8-Bit-PNG-Bild der Fall sein.
• Prüfung Gammakorrektur Probleme in IE für .png - siehe andere Beiträge für Details

Eine Abhilfe, die ich in der Vergangenheit verwendet habe, ist die Hintergrundfarbe zu setzen, indem ein kleines Bild zu wiederholen, anstatt es der Einstellung im HTML. Diese Art von Trick war in den Tagen der websicheren Paletten usw. nützlich, aber jetzt weniger nützlich.

Answer 3

Wahrscheinlich der Browser Ihre Tests habe ich mit dh 6.

Answer 4

Es könnte sich um ein Problem mit dem Farbprofil handeln.

Wenn das Bild beispielsweise ein JPEG ist und ein Farbprofil aufweist und Ihr Browser die Anzeige von Bildern in den von ihnen angegebenen Farbprofilen nicht unterstützt, werden die Farben des Bildes in Ihrem Browser anders dargestellt. Wenn Sie in diesem Fall die Farbe des Bildes in Photoshop überprüfen (Farbprofil beachten) und diese Farbe dann in Ihrem CSS angewendet haben und die Seite in einem Browser angezeigt haben, der kein Farbprofil kennt, würde das anders aussehen.

Answer 5

Welches Bildbearbeitungsprogramm verwenden Sie? Ich habe this article about Photoshop color profiles gefunden. Es kann auch Probleme mit PNG gamma correction geben.

Answer 6

Könnte aufgrund des Browsers colour management sein.