¿Por qué el navegador agrega colores azulados y marrones a un color de fuente sólido?

Me pregunto por qué mi navegador (Firefox) agrega tonos azules a la derecha y tonos marrones a la izquierda de un color de fuente gris sólido (# 333333) como se muestra en la imagen a continuación.

¿Podría alguien explicarme por qué sucede esto?

— Cooxie
fuente

Antialiasing ? Hay muchas opciones relacionadas, puede configurarlas usando un complemento .

— Paolo Gibellini

Respuestas:

Se llama renderizado de subpíxeles o anti-aliasing de subpíxeles. Microsoft hace algo similar para la mayoría de las aplicaciones de Windows.

Su pantalla consta de colores que están uno al lado del otro. Si realiza un anti-aliasing basado en una muestra simple, no obtendrá el mejor resultado posible. Pero al aprovechar el conocimiento de cómo se disponen los píxeles, puede obtener mejores resultados. Como estás trabajando con menos de un píxel de datos.

Sin embargo, debes tener cuidado con esto. Los diferentes monitores tienen diferentes disposiciones para la emisión de color (de ahí el sintonizador mencionado por @PaoloGibellini). Por lo tanto, si está preparando capturas de pantalla de muy alta calidad, podría ser una buena idea desactivar el renderizado de subpíxeles, o obtendrá un error 2 veces *. Del mismo modo, si toma capturas de pantalla para imprimir, es mejor deshabilitar esto o su texto se verá como un arco iris manchado.

^{* Una vez por el monitor, que tiene un orden y una vez por la imagen que tiene un orden diferente}

— joojaa
fuente

¡Oye, no hay nada malo con los arcoiris manchados!

— Janus Bahs Jacquet

En windwos se llama ClearType - microsoft.com/en-us/Typography/ClearTypeInfo.aspx y está hecho a nivel de sistema, no creo que su actuallz FF lo haga.

— Hurda

@hurda no firefox no lo está haciendo por sí mismo, puedes verlo en las opciones que están hablando de dibujo directo y eso incluye el tipo claro. Puede desactivarlo globalmente si lo desea.

— joojaa

Una captura de pantalla que contenga representación de subpíxeles no se volverá a aplicar cuando se vea. Es una función en el texto y algunos elementos de la interfaz de usuario, no en todos los gráficos. Además, cualquier imprenta que valga la pena convertiría el texto negro de una captura de pantalla de este tipo en negro puro antes de separarse.

— Logarr

@Logarr no, no se volverá a aplicar, pero se solucionará si el orden de píxeles fue diferente, entonces el error se realiza 2 veces. Realmente dudo mucho que cualquier imprenta vaya y arregle imágenes retroactivamente de esta manera sin una tarifa. Porque significaría que tendrían que avanzar y hacer esto para cada elemento en diferentes fondos (en gris, en blanco en amarillo, etc.). Es más fácil deshabilitarlo antes de la captura de pantalla

— joojaa

Esto se llama representación de subpíxeles . Los diferentes colores solo son visibles porque la imagen ha sido ampliada. Será más fácil dar un ejemplo de blanco sobre negro.

Una explicación de la representación de subpíxeles

Imagine una línea blanca de un píxel de grosor. En la mayoría de las pantallas LCD de escritorio, los colores individuales de los subpíxeles están dispuestos horizontalmente. Mientras los tres píxeles de color estén activados, veremos una línea blanca de un píxel de grosor, no importa en qué orden estén los colores. Esto es lo que muestran las dos primeras filas. El uso de la representación de subpíxeles aumenta la resolución horizontal de la pantalla tres veces, lo que es especialmente útil cuando se lee texto horizontal.

Pero cuando tomas una captura de pantalla y la amplías, en lugar de ver los subpíxeles, ves los colores que combinan para producir. Cuando nuestra línea de un píxel está alineada con los píxeles, solo ve una línea blanca de un píxel. Pero si no es así, verá una línea de dos píxeles de grosor compuesta por dos colores. Puede ver esto en persona si está lo suficientemente cerca de su pantalla como para ver los espacios entre los píxeles; si está lo suficientemente cerca, sus ojos podrían no resolver los píxeles divididos juntos, y verá la línea como dos píxeles de ancho. Pero si la resolución de la pantalla es lo suficientemente alta, la representación de subpíxeles puede funcionar realmente bien y solo se notará cuando amplíe las capturas de pantalla.

— curioso
fuente