¿Por qué el suavizado en caracteres negros usa otros colores además de la escala de grises?


17

Soy desarrollador, no soy diseñador gráfico. Pero hay una pregunta que me molesta desde que lo noté hace algunos años.

El suavizado es un método para eliminar la nitidez de las divisiones de alto contraste, como los bordes de los caracteres y las formas geométricas, si hay alguien que no conoce.

Cuando obtienes un carácter suavizado escrito en negro sobre un fondo blanco, y haces zoom para ver los píxeles, hay colores diferentes de los que se encuentran en escala de grises, lo que para mí parece ilógico, ya que solo necesitamos hacer Una transición suave de negro a blanco.

ingrese la descripción de la imagen aquí

Pregunta: ¿Por qué los colores son diferentes de los que se encuentran en la escala de grises utilizados para suavizar un carácter negro sobre un fondo blanco?

PD .: Crearía la etiqueta "anti-aliasing" si tuviera suficiente reputación.


Actualización : ahora he pensado en una teoría.
Si las letras están destinadas a mostrarse en un monitor de computadora, y la porción más pequeña de una pantalla que puede ser negra es un píxel completo compuesto por tres pequeñas luces, eso haría que el punto más pequeño en cualquier letra sea bastante grande, pero si el anti-aliasing compuesto por puntos circundantes o internos puede representarse por solo 1/3 de píxel con alguna ayuda del color al lado que significaría que las letras podrían ser mucho más pequeñas.

Es asi ?


55
Eso es exactamente Se llama 'representación de subpíxeles': en.wikipedia.org/wiki/Subpixel_rendering
DA01

1
En el renderizado de fuentes, el "suavizado" en escala de grises generalmente se denomina suavizado y esa versión colorida se denomina renderizado de subpíxeles . Además del enlace de @ DA01, consulte también: en.wikipedia.org/wiki/Font_rasterization
Jari Keinänen

1
por favor, vuelva a publicar su actualización como respuesta cuando tenga la oportunidad :)
JamesHenare

Whoa, lo tengo bien después de todo ... gracias por los enlaces y explicaciones a todos!
MarceloRamires

Respuestas:


10

Esto se llama clearType en Windows (o representación de subpíxeles como dijo Marcelo). La idea es que, en lugar de usar 1 valor para 1 píxel:
(127,127,127) <Gris

, podemos hacer que el lado izquierdo de este píxel sea menos intenso y el lado derecho más
(55,127,185) - Tinte azulado

y luego el mismo para los píxeles del lado derecho
(185,127,55) - El tono naranja
debajo muestra (sin AA) - (Tipo de borrado temprano) - (AA normal) - (Último tipo de borrado)
ingrese la descripción de la imagen aquí

En mi opinión, solo funciona bien para fuentes pequeñas (como la que está leyendo ahora).
Para gráficos regulares, utiliza AA normal (de hecho, Photoshop no es compatible con clearType) ¡
Espero que esto ayude! Disfrutar


3

Mi suposición fue correcta después de todo:

Si las letras están destinadas a mostrarse en un monitor de computadora, y la porción más pequeña de una pantalla que puede ser negra es un píxel completo compuesto por tres pequeñas luces, eso haría que el punto más pequeño en cualquier letra sea bastante grande, pero si el anti-aliasing compuesto por puntos circundantes o internos puede representarse por solo 1/3 de píxel con alguna ayuda del color al lado que significaría que las letras podrían ser mucho más pequeñas.

Consulte los comentarios en las preguntas para obtener más ayuda de DA01 y koiyu (gracias).


Solo como referencia, aquí están los enlaces de Wikipedia en los comentarios de DA01 y koiyu:

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.