Pourquoi le navigateur ajoute-t-il des couleurs bleuâtres et brunâtres à une couleur de police unie?


8

Je me demande pourquoi mon navigateur (Firefox) ajoute des teintes bleues à droite et des teintes brunes à gauche d'une couleur de police gris uni (# 333333) comme indiqué dans l'image ci-dessous.

l'outil de sélection des couleurs dans Firefox affiche des teintes bleuâtres et brunâtres ajoutées à la police grise unie

Quelqu'un pourrait-il m'expliquer pourquoi cela se produit?


1
Antialiasing ? Il y a beaucoup d'options liées, vous pouvez les définir en utilisant un plugin .
Paolo Gibellini

Réponses:


16

Il est appelé rendu sous-pixel ou anti-aliasing sous-pixel. Microsoft fait quelque chose de similaire pour la plupart des applications Windows.

Votre écran est composé de couleurs qui sont côte à côte. Si vous effectuez un anti-aliasing basé sur un échantillon simple, vous n'obtiendrez pas le meilleur résultat possible. Mais en tirant parti de la connaissance de la disposition des pixels, vous pouvez obtenir de meilleurs résultats. Lorsque vous travaillez avec moins de 1 pixel de données.

Vous devez cependant être prudent avec cela. Différents moniteurs ont des dispositions différentes pour l'émission de couleurs (d'où l'accordeur mentionné par @PaoloGibellini). Ainsi, si vous préparez des captures d'écran de très haute qualité, il peut être judicieux de désactiver le rendu des sous-pixels, ou vous obtiendrez une erreur 2 fois *. De même, si vous prenez des captures d'écran pour l'impression, il est préférable de désactiver cela ou votre texte ressemblera à un arc-en-ciel maculé.

* Une fois par le moniteur, qui a un ordre et une fois par l'image qui a un ordre différent


Hé, rien de mal avec les arcs-en-ciel maculés!
Janus Bahs Jacquet

Dans windwos, il s'appelle ClearType - microsoft.com/en-us/Typography/ClearTypeInfo.aspx et c'est fait au niveau du système, je ne pense pas que son actuallz FF le fasse.
Hurda

@hurda no firefox ne le fait pas lui-même, vous pouvez le voir dans les options dont ils parlent de tirage direct et qui inclut un type clair. Vous pouvez le désactiver globalement si vous le souhaitez.
joojaa

1
Une capture d'écran qui contient un rendu sous-pixel ne sera pas réappliquée lors de sa visualisation. C'est une fonction sur le texte et certains éléments de l'interface utilisateur, pas sur tous les graphiques. De plus, toute imprimerie digne de ce nom convertirait le texte noir d'une telle capture d'écran en noir pur avant de le séparer.
Logarr

@Logarr non, il ne sera pas réappliqué, mais il sera corrigé si l'ordre des pixels était différent, l'erreur est répétée 2 fois. Je doute fortement que n'importe quel imprimeur irait réparer des photos de cette manière sans frais. Parce que cela signifierait qu'ils devraient aller de l'avant et le faire pour chaque élément sur des arrière-plans différents (sur gris, sur blanc sur jaune, etc.). Il est juste plus facile de le désactiver avant la capture d'écran
joojaa

6

C'est ce qu'on appelle le rendu sous-pixel . Les différentes couleurs ne sont visibles que parce que l'image a été agrandie. Il sera plus facile de donner un exemple de blanc sur noir.

Une explication du rendu des sous-pixels

Imaginez une ligne blanche d'un pixel d'épaisseur. Sur la plupart des écrans LCD de bureau, les couleurs des sous-pixels individuels sont disposées horizontalement. Tant que les trois pixels de couleur sont activés, nous verrons une ligne blanche d'un pixel d'épaisseur - peu importe l'ordre dans lequel les couleurs sont. C'est ce que montrent les deux premières lignes. L'utilisation du rendu en sous-pixels augmente la résolution horizontale de l'écran de trois fois, ce qui est particulièrement utile lors de la lecture de texte horizontal.

Mais lorsque vous prenez une capture d'écran et l'agrandissez, plutôt que de voir les sous-pixels, vous voyez les couleurs qu'ils combinent pour produire. Lorsque notre ligne d'un pixel est alignée avec les pixels, vous voyez juste une ligne blanche d'un pixel. Mais si ce n'est pas le cas, vous verrez une ligne de deux pixels d'épaisseur composée de deux couleurs. Vous pouvez le voir en personne si vous êtes assez près de votre écran pour voir les écarts entre les pixels - si vous êtes assez près, vos yeux pourraient ne pas résoudre les pixels divisés ensemble, et vous verrez la ligne comme étant deux pixels de large. Mais si la résolution d'écran est suffisamment élevée, le rendu en sous-pixels peut très bien fonctionner et ne sera remarqué que lorsque vous agrandirez des captures d'écran.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.