Webseiten (CSS) sehen anders aus, wenn die Seite in einer Konfiguration mit mehreren Monitoren von einem Monitor auf einen anderen gezogen wird


1

In einer Konfiguration mit mehreren Monitoren werden einige Webseiten unterschiedlich angezeigt, wenn die Seite auf den anderen Bildschirm gezogen wird.

Beispiel

Die URL, die ich teste, ist diese. http://www.lgsolutions.com/products/lcd-monitors/lg-cloud-monitors

Beispiel Seite an Seite

Auf dem helleren Monitor sind Gamma, Helligkeit und Kontrast so eingestellt, dass das Bild angezeigt wird, dies jedoch nicht. Standardmäßig ist Gamma beim LG E2411 viel zu hell

Bildbeschreibung hier eingeben

Dell Monitor Nahaufnahme

Hinweis Dieses Bild ist schwach, da es die Belastung der Augen verringert

Bildbeschreibung hier eingeben

LG E2411 Monitor Nahaufnahme

(Seite ist über beide Bildschirme gespannt)

Bildbeschreibung hier eingeben

Gegenbeispiel

Wenn ich einen Dell-Monitor als Ersatz für den LG-Monitor verwende, wird die Webseite korrekt angezeigt. Dies tritt auf, wenn der Dell-Monitor einen anderen Treiber als den Standard-Windows-Treiber verwendet.

Ich habe gerade mit einem CDW-Techniker telefoniert und er hat das gleiche Problem mit einer anderen Marke von Monitoren. Die einzige gemeinsame Konfiguration, die wir beide haben, ist die Verwendung des Microsoft PnP-Treibers unter Windows 7.

Frage

Könnte es sein, dass der PnP-Treiber in Windows 7 Probleme beim Rendern von Webseiten in einer Multimonitorkonfiguration hat?

Antworten:


6

Verschiedene Monitore zeigen Bilder häufig unterschiedlich an, auch wenn Sie für beide die gleichen Einstellungen für Helligkeit / Kontrast / Gamma haben. Dies gilt insbesondere für Monitore verschiedener Unternehmen.

Der Grund dafür ist, dass einfach keine zwei LCD-Panels gleich sind (es sei denn, es handelt sich natürlich um genau dasselbe Modell / dieselbe SKU). Auch wenn beide für bestimmte Kontrastverhältnisse, Farbtiefen usw. bewertet wurden, können sie unterschiedliche Farbräume (auch als Farbskalen bezeichnet) aufweisen. Auf der einfachsten Ebene wird jedem Pixel eine Farbe zugewiesen, die auf einem Satz von drei Zahlen basiert: der roten Komponente, der grünen Komponente und der blauen Komponente. Was sich je nach Hersteller ändert, ist die Frage, wie reines Rot, reines Grün und reines Blau aussehen. Obwohl diese drei Farben immer noch kombiniert werden können, um 2 ^ 32 verschiedene Farbtöne zu erzeugen, entspricht dies dem tatsächlichen Farbtonder Primärfarbe selbst kann sich je nach Herstellung der Platte noch unterscheiden. Dies bedeutet, dass das Erscheinungsbild von beispielsweise Rot (# FF0000) auf einem Monitor nicht unbedingt genau mit dem Erscheinungsbild auf dem anderen Monitor übereinstimmt.

Jedes Display hat eine eigene Farbskala. Eine Farbskala ist im Grunde eine Beschreibung der Farben, die ein Monitor physikalisch darstellen kann. Die Farbverläufe, die beim Wechseln von einer Farbe zur anderen angezeigt werden, sind Teil der Definition. Aufgrund der Art und Weise, wie das menschliche Auge Farben wahrnimmt, ist die Praxis, ein Display zu entwerfen, das Farben auf eine Weise ausgibt, die sowohl vollständig als auch angenehm für das Auge aussieht, sehr erforscht. Aufgrund der inhärenten Unterschiede zwischen den Displays selbst und zwischen der Wahrnehmung von Farbe und der Erwartung, dass Farbe aussieht, haben wir eine Gammakorrektur. Die Gammakorrektur beschreibt, wie wir diese Unterschiede ausgleichen.

Sie kennen möglicherweise die Gammakurve (Beispiel unten). Hierdurch werden die Helligkeitswerte für jeden Farbton in der Skala so angepasst, dass sie mit dem gewünschten Erscheinungsbild übereinstimmen (bei einer typischen Anzeige kann es sich um eine lineare Dämpfung handeln, oder wenn Sie veröffentlichen, stimmt sie möglicherweise mit der Ausgabe des Druckers überein, den Sie verwenden) verwenden).

Da Sie Ihre Software-Gamma-Einstellungen für beide Monitore festgelegt haben, wird ein Teil davon berücksichtigt, aber es wird nicht dazu führen, dass beide Monitore übereinstimmen. Da sie unterschiedliche Farbräume haben, werden Sie wahrscheinlich keine Möglichkeit finden, die Bilder genau abzugleichen. Als nächstes würde ich versuchen zu sehen, ob ich die Werte für Farbtemperatur und Helligkeit / Kontrast jedes Monitors über die Bildschirmsteuerung ändern kann, aber das geht nur so weit.

Wenn Sie möchten, dass beide Monitore genau dasselbe Bild anzeigen, ist es immer und immer die beste Lösung, einfach zwei genau gleiche Monitore zu kaufen.

Beispiel Gammakurve für CRT-Monitore


Selbst derselbe Monitor zeigt im Laufe der Zeit nicht immer das gleiche Bild. Ich denke jedoch, dass Sie gerade gesagt haben könnten, überprüfen Sie Ihre Kontrasthelligkeitseinstellungen auf dem Monitor. Aber weit weg, um die Extrameile zu gehen. :)
Kobaltz

Dies liegt möglicherweise an einer Beschädigung des Bildschirms selbst oder des Monitorkabels (zumindest bei VGA-Monitoren). Unterschiede in den Farbeinstellungen von Windows könnten auch dafür verantwortlich sein. Wenn alle anderen Dinge gleich sind, sollte derselbe Monitor immer das gleiche Bild erzeugen.
Ben Richards

Korrektur: In Windows 7 kann ich die Gamma-Einstellungen für jeden Monitor
einzeln festlegen

Beachten Sie, dass ich Kontrast und Helligkeit angepasst habe und den grauen Balken immer noch nicht sehen kann. Gibt es nicht ein Qualitätsniveau, das ein Monitor einhalten sollte? Wenn ich nur diesen einen LG-Monitor hätte, der eine Webseite bearbeitet, wäre ich verrückt geworden, wenn ich versucht hätte, CSS zum Laufen zu bringen, wenn meine Anzeige falsch ist.
goodguys_activate

@ makerofthings7 Sie können feststellen, dass der graue Balken tatsächlich vorhanden ist (und ich sehe keinen Grund, warum dies nicht der Fall ist), indem Sie das Farbwahltool in einem Bildbearbeitungsprogramm verwenden. Unabhängig von den Standards sind sie jedoch nicht alle auf diejenigen ausgerichtet, deren Arbeit empfindlich darauf reagiert, Farben mit einer bestimmten Genauigkeit wiederzugeben. Maler oder Bildbearbeiter suchen häufig nach einer bestimmten Anzeigeklasse (z. B. bei IPS-Panels), da diese nicht alle gleich sind.
Ben Richards
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.