Warum fügt der Browser einer festen Schriftfarbe bläuliche und bräunliche Farben hinzu?

8

Ich frage mich, warum mein Browser (Firefox) rechts Blautöne und links Brauntöne einer durchgehend grauen (# 333333) Schriftfarbe hinzufügt, wie im Bild unten gezeigt.

Das Farbauswahlwerkzeug in Firefox zeigt bläuliche und bräunliche Farbtöne an, die der durchgehenden grauen Schrift hinzugefügt wurden

Könnte mir jemand erklären, warum das passiert?

cooxie
quelle
1
Antialiasing ? Es gibt viele Optionen, die Sie mit einem Plugin festlegen können .
Paolo Gibellini

Antworten:

16

Dies wird als Subpixel-Rendering oder Subpixel-Anti-Aliasing bezeichnet. Microsoft macht etwas Ähnliches für die meisten Windows-Anwendungen.

Ihr Bildschirm besteht aus Farben, die nebeneinander liegen. Wenn Sie ein einfaches, auf Stichproben basierendes Anti-Aliasing durchführen, erhalten Sie nicht das bestmögliche Ergebnis. Wenn Sie jedoch das Wissen über die Anordnung der Pixel nutzen, können Sie bessere Ergebnisse erzielen. Da Sie mit Daten im Wert von weniger als einem Pixel arbeiten.

Sie sollten jedoch vorsichtig damit sein. Verschiedene Monitore haben unterschiedliche Anordnungen für die Farbemission (daher der von @PaoloGibellini erwähnte Tuner). Wenn Sie also Screenshots von sehr hoher Qualität erstellen, ist es möglicherweise eine gute Idee, das Subpixel-Rendering auszuschalten, da sonst zweimal * ein Fehler angezeigt wird. Wenn Sie Screenshots zum Drucken aufnehmen, deaktivieren Sie diese am besten, da sonst Ihr Text wie ein verschmierter Regenbogen aussieht.

* Einmal vom Monitor, der eine Reihenfolge hat, und einmal vom Bild, das eine andere Reihenfolge hat

joojaa
quelle
Hey, nichts ist falsch mit verschmierten Regenbogen!
Janus Bahs Jacquet
In Windwos heißt es ClearType - microsoft.com/en-us/Typography/ClearTypeInfo.aspx und es wird auf Systemebene ausgeführt. Ich glaube nicht, dass es tatsächlich FF tut.
Hurda
@hurda kein Firefox macht es nicht selbst, Sie können es in den Optionen sehen, dass sie von direktem Zeichnen sprechen und das schließt klaren Typ ein. Sie können es global ausschalten, wenn Sie möchten.
Joojaa
1
Ein Screenshot, der Subpixel-Rendering enthält, wird beim Anzeigen nicht erneut angewendet. Es ist eine Funktion für Text und einige UI-Elemente, nicht für alle Grafiken. Außerdem würde jede Druckerei, die ihr Salz wert ist, den schwarzen Text eines solchen Screenshots vor dem Trennen in reines Schwarz umwandeln.
Logarr
@Logarr nein, es wird nicht erneut angewendet, aber es wird behoben, wenn die Pixelreihenfolge anders war, dann wird der Fehler zweimal ausgeführt. Ich bezweifle sehr, dass eine Druckerei Bilder auf diese Weise ohne Gebühr rückwirkend reparieren würde. Weil es bedeuten würde, dass sie dies für jedes Element auf unterschiedlichen Hintergründen tun müssten (auf Grau, auf Weiß auf Gelb usw.). Es ist nur einfacher, es vor der Bildschirmaufnahme zu deaktivieren
joojaa
6

Dies wird als Subpixel-Rendering bezeichnet . Die verschiedenen Farben sind nur sichtbar, weil das Bild vergrößert wurde. Es wird einfacher sein, ein Beispiel für Weiß auf Schwarz zu geben.

Eine Erklärung zum Subpixel-Rendering

Stellen Sie sich eine ein Pixel dicke weiße Linie vor. Auf den meisten Desktop-LCD-Bildschirmen sind die Farben der einzelnen Subpixel horizontal angeordnet. Solange alle drei Farbpixel aktiviert sind, sehen wir eine weiße Linie mit einer Dicke von einem Pixel - es spielt keine Rolle, in welcher Reihenfolge die Farben sind. Dies zeigen die ersten beiden Zeilen. Durch die Verwendung von Subpixel-Rendering wird die horizontale Auflösung des Bildschirms um das Dreifache erhöht, was besonders beim Lesen von horizontalem Text hilfreich ist.

Wenn Sie jedoch einen Screenshot machen und ihn vergrößern, anstatt die Subpixel zu sehen, sehen Sie die Farben, die sie kombinieren, um zu erzeugen. Wenn unsere Linie mit einem Pixel mit den Pixeln ausgerichtet ist, sehen Sie nur eine weiße Linie mit einem Pixel. Wenn dies nicht der Fall ist, sehen Sie eine zwei Pixel dicke Linie, die aus zwei Farben besteht. Sie können dies persönlich sehen, wenn Sie nah genug an Ihrem Bildschirm sind, dass Sie die Lücken zwischen den Pixeln sehen können. Wenn Sie nah genug sind, lösen Ihre Augen die geteilten Pixel möglicherweise nicht zusammen auf und Sie sehen die Linie als zwei Pixel breit. Wenn die Bildschirmauflösung jedoch hoch genug ist, kann das Rendern von Subpixeln sehr gut funktionieren und wird nur beim Vergrößern von Screenshots bemerkt.

neugierigdannii
quelle