Subsecciones
Un problema con el intercambio de imágenes a través de Internet es que no todos los ordenadores tienen la capacidad de mostrar un gran número de colores simultáneamente. Por ejemplo, un ordenador con una resolución de pantalla de
y el uso de 1 byte (8 bits) de color por píxel requiere al menos 0.786 Mb de RAM de la tarjeta de adaptador de vídeo. Tal sistema es capaz de mostrar sólo 2 8 = 256 colores simultáneamente.
Como alternativa, un sistema que utiliza 2 bytes (16 bits) por píxel puede mostrar 2 16 = 65.536 colores y 3 bytes (24 bits) por píxel puede mostrar 2 24 = 16.777.216 colores. Por lo tanto, la paleta de colores disponibles crece de manera significativa en un sistema de 16 bits por pixel (bpp). Un sistema de 24 bpp que se conoce como un sistema de color verdadero o alta. Sin embargo, las demandas en el adaptador de vídeo para estos sistemas también crece. Un sistema de 16 bpp en un
píxeles requiere alrededor de 1,6 Mb de RAM de vídeo y un sistema de 24 bpp requiere 2,4 MB.
Muchas tarjetas de adaptador de vídeo sólo tienen 1 Mb o menos de RAM. Aunque esto es cada vez menos común con las computadoras actuales que se suministran con un máximo de 32 Mb de RAM de vídeo, todavía hay muchas máquinas antiguas que tienen cantidades más pequeñas. La consecuencia es que una imagen que contiene más de 256 colores no se puede mostrar con fidelidad en las máquinas que sólo tienen una profundidad de color de 8 bpp. Algunos de los colores originales de la imagen tendrá que ser reemplazado debido a la falta de un número suficiente de colores disponibles en el sistema de visualización. Este reemplazo crea distorsión del color en la imagen visualizada.
El GIMP utiliza 24 bits por píxel para representar el color, 8 bits para cada uno de los canales R, G, y B. Así, el GIMP puede generar fácilmente las imágenes que tienen distorsión de color cuando se muestra en sistemas de bajo color. Esta es una preocupación para el diseñador web que quiere garantizar una representación exacta del color para sus imágenes. Esta sección trata los temas de la preparación de gráficos de colores compatibles con Web y cómo lograr esto en el GIMP.
Distorsión de color se produce cuando el monitor ya está mostrando todos los colores que puedas, y una solicitud de un nuevo color se hace. La manera más sofisticada de manejar esta solicitud se hace por corte color. Este enfoque presenta nuevos colores con el color más cercano en la paleta ya está mostrando. Para imágenes con sutiles sombras de color, esto puede dar lugar a las bandas , que también se llama posterización . Un ejemplo de este tipo de distorsión de color se muestra en la Figura 9.23 .
Figura 9.23: recorte y tramado distorsiones de color
Figura 9.23 (a) muestra la imagen original y la Figura 9.23 (b) la misma imagen en un sistema con colores insuficientes. Usted puede ver claramente las bandas de colores en esta imagen.
El otro tipo de distorsión de color se denomina tramado . Aunque tramado es una distorsión del color, esto no es un error, es una característica! El difuminado es una técnica utilizada para simular los colores no disponibles mediante la mezcla espacialmente los que están disponibles como una malla de puntos pequeños. La idea es que el color difuminado es visualmente más aceptable que el color de las bandas.Figura 9.23 (c) ilustra el efecto de difuminado. Figura 9.23 (f) muestra una versión ampliada de la figura 9.23 (c) de manera que se puede ver la mezcla de pequeños puntos utilizados para simular los colores no disponibles. Comparar esta imagen ampliada con el zoom de las imágenes originales y color recortadas se muestran en la Figura 9.23 (d) y (e), respectivamente.
Figura 9.23 muestra que el dithering es un enfoque mucho más sofisticado para el problema de la distorsión de color que es el cerclaje. Para gradientes continuos de color, la regla parece ser que el enfoque de dithering es superior. Sin embargo, existen salvedades a esta regla. Para ver por qué, es necesario entender cómo funciona el tramado. Un ejemplo simple se muestra en la Figura 9.24 , donde
Figura 9.24: Ejemplo de uso de tramado para simular un color
un plan tramado crudo se emplea con el tablero de ajedrez plug-in (que se encuentra en la imagen: Filtros / Render / Patrón de menú). El tablero de ajedrez de diálogo se muestra en la Figura 9.24 (b). Este plug-in crea un patrón de tablero de ajedrez en la capa activa con los colores especificados por el color de primer plano activo y el activo Color de fondo . Figura 9.24(a) muestra que estos colores se han establecido en rojo y verde.
Figura 9.24 (b) muestra que un tamaño de comprobación de 1 píxel está siendo utilizado por el tablero plug-in. El resultado es un tramado simulada del color amarillo, como se puede ver en la figura 9.24(c). Que el color interpolado resultante es de color amarillo se desprende de los debates del espacio de color RGB en la Sección 5.1 . La suma vectorial de rojo y verde en el cubo RGB rinde amarillo.
Una versión ampliada de la figura 9.24 (c) se muestra en la Figura 9.24 (d). Esto demuestra claramente los controles de color rojo y verde. Para fines de comparación, un amarillo puro se muestra en la Figura 9.24 (e). El ejemplo mostrado en la Figura 9.24 es exagerada, ya que nunca es necesario interpolar dos colores tan distantes el uno del otro en el cubo de color que son de color rojo y verde. Sin embargo, ilustra muy bien cómo funciona el tramado.
Los algoritmos de tramado utilizado en el GIMP son mucho más sofisticados que los que se ilustra en el ejemplo de tablero de ajedrez. En el GIMP, varios algoritmos de tramado están disponibles, incluyendo el algoritmo de Floyd-Steinberg. La característica principal de Floyd-Steinberg es que utiliza una distribución espacial pseudo-aleatoria de hasta tres colores para simular un color no disponible. Figura 9.23(f) muestra claramente la naturaleza pseudo-aleatoria de Floyd-Steinberg. En muchos casos, éste es el aspecto pseudo-aleatoria de Floyd-Steinberg que mejora la percepción global de una imagen de color interpolado ... pero no siempre. Vea la Sección 9.5.4 para más información sobre este tema.
Un sistema de baja del color proporciona sólo 8 bits de color por píxel, lo que permite sólo 256 colores que se muestran simultáneamente. Cuando se utiliza en sistemas de baja del color, los navegadores web deben elegir cómo representar los colores no disponibles. Navegadores como el uso de los sistemas de la paleta de colores de Internet Explorer que son similares pero no idénticos Netscape Navigator y. Los colores que estos dos navegadores tienen en común que se conoce como la paleta de colores compatibles con Web [ 12 ]. Cualquier diseñador que tiene que ver con evitar la distorsión del color debe ser consciente de esta paleta especial y cómo usarlo.
La paleta de colores de seguridad web se compone de combinaciones de los seis valores de 0, 51, 102, 153, 204, 255 en cada uno de los tres colores rojo, verde, y azul. Por lo tanto, usando la notación introducida en la Sección 5.1 , 51 R 204 T 153 B es un color de la paleta de colores compatibles con Web, y 52 R 204 T 153 B no lo es. El número total de colores de la paleta es de 6 3 = 216. La razón se utilizan seis valores se debe a siete crearía demasiados colores para un sistema de baja del color (es decir, 7 3 = 343). ¿Qué sucede con los restantes 40 colores disponibles en un sistema de bajo color? Se utilizan para los colores específicos del sistema, y estos usos diferentes para Mac y PC, y para Netscape Navigator e Internet Explorer. La conclusión es que no se puede confiar en ellos.
Si está utilizando el dibujo del GIMP y pintura herramientas para crear gráficos a partir de cero y que desea que el resultado sea compatible con Web, sería útil disponer de una paleta de los 216 colores seguros para la Web para trabajar. Usted podría utilizar esta paleta para seleccionar los colores para los gráficos, sabiendo que el resultado será el mismo en la mayoría de los sistemas de bajo color o no.The GIMP tiene una variedad de paletas de colores predefinidas disponibles en la paleta de colores de diálogo que se encuentra en la imagen: Diálogos / Paleta del menú o que se pueden obtener escribiendo Cp en la imagen o las ventanas de herramientas.
Es interesante paleta de colores Web del GIMP se muestra en la Figura 9.25 .
Figura 9.25: Web-Safe Paleta de colores
La paleta Web ilustra los 216 colores seguros para la Web que se pueden utilizar en sistemas de baja del color sin temor a la distorsión del color. Sin embargo, debido a que los colores están desorganizados en esta paleta, es de poca utilidad como herramienta para el diseño creativo. Una paleta de colores que se organiza por el tono, la saturación y el valor sería mucho más útil.
Las paletas VisiBone en http://www.visibone.com/swatches son sólo estas herramientas. El VisiBone2 paleta se ilustra en la Figura 9.26 .
Figura 9.26: El VisiBone2 Web-Safe Paleta de colores
La paleta VisiBone2 tiene exactamente los mismos colores seguros para la Web como paleta Web del GIMP, pero la ventaja es que los colores se organizan en una rueda de colores lógico. Es mucho más fácil de elegir colores de tonalidad común, saturación y valor con la paleta VisiBone2 que para la paleta Web.
Para la visualización en sistemas de 8 bits (de bajo color), la mejor manera de controlar el color de la imagen es la de convertir a formato indexado. Figura 9.27 (a)
Figura 9.27: El indexado de color Conversión de diálogo
ilustra la Conversión de color indexado de diálogo que se invoca por la indiciada función se encuentra en la imagen: Imagen / Modo de menú.
El diálogo permite elegir entre tres tipos de paletas. La primera opción, Generar paleta óptima, se basa en los colores efectivamente en la imagen. El número de colores utilizados en esta paleta se puede especificar, hasta un máximo de 256.
La segunda opción, Usar paleta personalizada, le permite seleccionar de una gran colección de paletas como las definidas por el usuario. Los nombres de las paletas estándar de GIMP se muestra en la Figura 9.27 (b) y (c). La paleta personalizada predeterminada, Web, está optimizado para su visualización en sistemas de bajo color utilizando navegadores como Netscape Navigator o Internet Explorer.Esto consiste en el color, la paleta de colores 216 WebSafe ilustra en la Figura 9.25 . La elección de esta opción garantiza que la imagen resultante aparecerá indexado con los mismos colores en casi todos los sistemas.
La opción de paleta elección final, que se muestra en la Figura 9.27 , es el uso Negro / negro (1 bit) Paleta. Esta opción convierte la imagen en un cierto formato indexado blanco y negro (sin grises).
La segunda área en la conversión de color indexado de diálogo es para la interpolación opciones. Las siguientes son las opciones:
No hay color difuminado
Color Ubicado tramado
Color de Floyd-Steinberg (sangrado de color reducido)
Color de Floyd-Steinberg (normal)
Normal Floyd-Steinberg es el valor predeterminado. Alguna experimentación podría ser necesario para encontrar la mejor conversión a un índice, sobre todo si la imagen se compone de las variaciones de color suaves y grandes regiones de color sólido. ¡Sigue leyendo!
Dado que el diseñador elige para limitar la paleta de color a uno que es seguro para la Web, la conversión a formato indexado todavía requiere la toma de decisiones sobre el tipo de distorsión de color que es aceptable cuando no se puede evitar. Por lo general, la elección depende del tipo de imagen que se visualizará.
Si la imagen es una fotografía, o una que tiene variaciones de color suaves, es muy probable que haya más de 256 colores de la imagen, y muchos no estarán en la paleta compatible con Web. Normalmente, la distorsión de color a las fotos en una pantalla de 8 bits no es perceptible, y se podría decir que es inútil para convertir la imagen en un formato indexado en estas condiciones. Sin embargo, cuando las fotografías se mezclan con otros materiales gráficos el argumento ya no es válido. En estas circunstancias, la mejor opción consiste en difuminar. Esto se ilustra en la Figura 9.28 .
Figura 9.28: Selección del tipo de distorsión de color para imágenes con variaciones de color liso
Figura 9.28 (a) muestra una pantalla de inicio se utiliza con la versión 1.0.4 del GIMP. Una versión difuminada de la pantalla de inicio, que se obtiene utilizando la paleta de colores compatibles con Web, se muestra en la Figura 9.28 (b). Un color recortado versión de la pantalla de presentación usando la misma paleta se muestra en la Figura 9.28 (c). Debido a la fuerte bandas visto en la Figura 9.28 (c), la distorsión de color debido a la interpolación de colores, visto en la figura 9.28 (b), parece mucho más aceptable. Este ejemplo muestra que para las imágenes con colores que varían suavemente, la solución interpolado es mejor, porque el recorte da lugar a una distorsión de color fuerte objetable.
Si la imagen no es una fotografía y no tiene problemas diferentes variaciones en el color, sino más bien las grandes regiones de color constante, la estrategia es completamente diferente. Esto se ilustra en la Figura 9.29 .
Figura 9.29: Selección de imágenes con grandes áreas de color uniforme
Figura 9.29 (a) muestra un diseño gráfico de la celebración del
aniversario de la creación del Departamento del Interior de EE.UU.. Este diseño está construido con cuatro colores principales: negro, blanco, un azul que consiste en 46 R 110 T 207 B , y que consiste en un amarillo de 241 R 214 T 47 B . Hay otros colores de la imagen, pero están ahí para antialiasing (véase la Sección 3.1.2 ) y la nitidez (véase la Sección 6.4.1 ). De la discusión anterior, se puede ver que el azul y el amarillo no son de la paleta compatible con Web, que sólo tienen componentes RGB de la serie de valores [0, 51, 102, 153, 204, 255].Esto significa que se introducirá una distorsión de color si la imagen se guarda en formato indexado con la paleta compatible con Web. En efecto, la figura 9.29 (b) muestra el resultado de la aplicación de Floyd-Steinberg, y la Figura 9.29 (c) muestra el resultado de la saturación de color.
El titubeo en la figura 9.29 (b) produce un efecto muy indeseable. Las regiones azules y amarillos tanto sufren de colores feos moteado. Por otro lado, el color recorta versión de la figura 9.29 (c) produce un color azul y un amarillo que son ligeramente diferentes de los de la original. Sin embargo, es probable que este resultado es preferible debido a que conserva la homogeneidad de las grandes regiones de color, uniforme.
En conclusión, las imágenes que tienen una gran cantidad de detalles y variaciones sutiles de color están mejor servidos por interpolación de saturación de color. Por otra parte, las imágenes que tienen grandes áreas de color uniforme deben evitar el tramado y el uso de camino color. Para las imágenes que se componen de una mezcla de las dos condiciones, un poco de experimentación es necesario. Por desgracia, a veces hay opciones fáciles.