Ich habe Probleme mit Farbabstimmung CSS Hintergrundfarben mit Farben in Bildern auf der gleichen HTML-Seite. Was gibt?Farbunterschiede zwischen Bildern und HTML
Antwort
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.
Hey, fast so gut wie es selbst zu posten! Danke für den Kredit. –
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.
Wahrscheinlich der Browser Ihre Tests habe ich mit dh 6.
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.
Welches Bildbearbeitungsprogramm verwenden Sie? Ich habe this article about Photoshop color profiles gefunden. Es kann auch Probleme mit PNG gamma correction geben.
Könnte aufgrund des Browsers colour management sein.
- 1. Farbunterschiede zwischen Kakao und Photoshop
- 2. Wie behebt man dieses Leerzeichen zwischen Bildern in HTML?
- 3. Vertikaler Abstand zwischen Bildern in HTML-E-Mail
- 4. Schleife zwischen zwei Bildern
- 5. Entfernen von Platz zwischen Bildern
- 6. Jquery zwischen den Bildern wechseln
- 7. Unterschied zwischen innerText und html
- 8. DrawMatching zwischen zwei Bildern - Bilderkennung
- 9. Bootstrap Center Warnung zwischen Bildern
- 10. Jquery Wechsel zwischen mehreren Bildern bei Klick
- 11. Verblassen von Bildern durch Streichen oder Tippen zwischen zwei Bildern
- 12. Html und CSS Website-Änderungen zwischen Plattformen
- 13. HTML-Tabelle mit Bildern füllen Tag und String herausgefordert?
- 14. Ausgleich von Kontrast und Helligkeit zwischen zusammengenähten Bildern
- 15. Unterscheiden zwischen SVG-Bildern und Schriftarten in Webpack loader
- 16. schnelle Laden von vielen Bildern auf HTML
- 17. Webpack: Laden von Bildern aus HTML-Vorlagen
- 18. HTML-Tabellen mit JPG-Bildern als Rahmen
- 19. So zeichnen Sie Linien zwischen mehreren Bildern
- 20. Matplotlib: Plot Unterschiede zwischen zwei Bildern
- 21. Kollisionserkennung zwischen mit CSS-Animationen gedrehten Bildern
- 22. Berechnen Sie den Unterschied zwischen den Bildern
- 23. CV - Unterschiede zwischen zwei Bildern extrahieren
- 24. Kollisionserkennung zwischen zwei Bildern in Java
- 25. Beziehung/Unterschied zwischen HTML und CSS
- 26. Unerwünschter Platz zwischen PHP und HTML
- 27. HTML - geschützter Abstand zwischen Text und Bild
- 28. Unterschied zwischen Url Encode und HTML encodieren
- 29. in JTable Abstand zwischen Bildern entfernen
- 30. jQuery wählen Sie HTML zwischen zwei Zeichenfolgenbezeichnern
mögliche Duplikate von [Farben passen nicht auf FF auf Mac] (http://stackoverflow.com/questions/3995308/colors-dont-match-on-ff-on-mac) – Kornel
außer diesem Q war zwei Jahre zuvor und allgemeiner – Hafthor
Sorry, ich versuche nur, sie alle zusammen zu verbinden. – Kornel