Anda di halaman 1dari 10

Los formatos graficos

Los formatos grficos son archivos en los cuales se guarda informacin que conforma una imgen. Cada formato es independiente. Las posibilidades que ofrece cada formato con respecto a la gama de colores, a la compatibilidad, a la rapidez de carga, etc., merece ser explicada para determinar cul de ellos es el ms adecuado para la tarea que estamos realizando. Con respecto a la estructura, la mayora posee un header que indica al programa que lo solicite las caractersticas de la imagen que almacenan; por ejemplo su color, tipo, resolucin, etc. Cada formato tiene una organizacin propia de su estructura. Se pueden dividir en dos grandes grupos: los formatos vectoriales y los formatos bitmap.

Formatos vectoriales
Son ms simples que los bitmap. Consisten en una serie de dibujos lineales basados en una lista de objetos grficos, por ejemplo: lneas, curvas, tringulos, crculos, rectngulos, etc. Estos objetos, y muchos ms, ubicados estratgicamente en la pantalla, forman dibujos lineales complejos. En este tipo de formatos las reas vacas entre las lneas pueden ser llenadas con colores o con "rellenos", pequeos diseos que se repiten una y otra vez sin dejar espacios vacos hasta llenar el rea en cuestin. El tamao de las imgenes almacenadas en este tipo de formatos puede ser modificado sin notar prdida alguna de calidad. Gracias a esta caracterstica son muy tiles a la hora de imprimir imgenes.

Los 14 formatos grficos ms importantes


Formato Caractersticas
Junto con el surgimiento de Windows 3 se desarrolla un nuevo formato grfico bitmap que constituye el standard adoptado por este entorno operativo. Nos referimos al BMP, en el cual estn almacenadas las imgenes que constituyen los llamados wallpapers. Este formato guarda las imgenes descomprimidas, lo que significa mayor velocidad de carga y mayor espacio requerido. Con respecto a la resolucin, cualquiera es aceptable. Las imgenes pueden ser de 1, 4, 8 y 24 bits. La estructura de los BMPs es sencilla: se trata de un header que contiene varias caractersticas de la imgen. Este header est compuesto por informacin acerca del tamao, el nmero de colores, y una paleta de colores (si es necesario) de la imagen. A continuacin del header se encuentra la informacin que constituye la imgen en s. Tiene una curiosa forma de almacenarla: comienza desde la ltima lnea inferior. Es por eso que los programas encargados de exhibir los BMPs en pantalla trazan la imagen de abajo hacia arriba. Es un formato muy utilizado en la actualidad y la mayora de las aplicaciones lo utilizan. Es el formato standard de Corel Draw. Es de tipo vectorial, pero pueden insertarse elementos bitmap en las imgenes. Es uno de los formatos con ms posibilidades con respecto al color, a la calidad de los diseos y al manejo de fonts. La principal desventaja de este formato es que es nico. Los autores de Corel Draw se reservan el derecho de modificarlo a su antojo, por lo tanto es de los formatos ms inestables hasta el da de hoy. Para convertir la imagen almacenada en un CDR a otro formato, lo ms recomendable es cargarlo en Corel Draw y almacenarlo en otro formato mediante la opcin Exportar del men de archivos. Justamente debido a la incapacidad de otras aplicaciones de almacenar imgenes bajo este formato, utilizar CDR puede resultarle una verdadera molestia. Este el formato vectorial por default de AutoCAD. Soporta hasta 256 colores. Su estructura no contiene informacin comprimida como en la mayora de los casos, sino nmeros y rdenes a realizar escritos en ASCII. Esta informacin indica la ubicacin de puntos flotantes matemticos o floating points, utilizados para exhibir la imagen en pantalla. Este sistema, al ser ms lento que el comn, requiere hardware avanzado para poder funcionar correctamente. En la actualidad, adems

BMP (Bitmapped File Format)

CDR (Corel Draw)

DXF (Drawing Exchange

Format)

del AutoCAD, no hay muchas aplicaciones que reconozcan este formato, aunque Corel Draw puede manejar DXFs sin mayores dificultades. Este formato utiliza el lenguaje PostScript diseado en 1982 por los fundadores de Adobe Systems. Soporta grficos de tipo vectorial y posee limitaciones en cuanto al uso de elementos bitmap. Su principal ventaja es el manejo de fonts: posee un extraordinario nmero de tipografas a utilizar y una gran cantidad de efectos especiales para aplicar al texto (rotacin, variacin del tamao, half-toning, etc.). Pero, como todos los formatos, tiene su Taln de Aquiles: para imprimir imgenes PostScript hay que utilizar una impresora que reconozca ese lenguaje. Como si esto fuera poco, los archivos son enormes y la memoria puede faltar algunas veces. Las aplicaciones ms populares de hoy en da soportan este formato. Es el formato grfico bitmap por excelencia. Fue creado por Compuserve en junio de 1987 y con el paso del tiempo se ha convertido en el formato ms difundido en el mundo. A la primera versin se la llam GIF87a, y a la segunda, GIF89a. Esta ltima versin presenta nuevas caractersticas para facilitar el manejo de imgenes en este formato. Los GIFs utilizan una paleta de entre 2 y 256 colores. Poseen una rutina de compresin muy eficaz que, aunque demora un poco la carga, reduce los archivos a una tamao mucho menor que otros formatos. Gracias a esa rutina de compresin que empequeece los archivos, el GIF es el formato ptimo para ser bajado de BBS o Internet. La resolucin mxima alcanzada es la de 1024 x 768 pixels en 256 colores, pero no hay razn por la cual no pueda crearse una imagen de mayor tamao. Incluso hay GIFs que almacenan ms de una imagen en un solo archivo, ideal para hacer slideshows. Su estructura est basada en bloques. Sobre todo desde la incorporacin del GIF 89a, se ha dado ms importancia a los bloques. Estos pueden contener uno de estos elementos: una imagen, instrucciones acerca de cmo exhibirla, texto, informacin caracterstica de alguna aplicacin, un marcador que determina el final del archivo, etc. Muchos GIFs solamente contienen un bloque que determina su imagen. Todos los GIFs poseen dos tipos de paleta: la paleta global y la paleta local. La global determina los colores de todas las imgenes almacenadas en el GIF, y la local determina especficamente la paleta de cada imagen del GIF (en el caso de haber una sola imagen, la nica paleta disponible ser la global). Existe un bloque llamado comment block, o "bloque de comentarios", donde puede incluirse un breve comentario personal acerca de la imagen en cuestin. Incluso existe una opcin para aplicar a los GIF llamada interlacing. Consiste en lo siguiente: generalmente, cuando un programa exhibe un GIF en pantalla, comienza desde la primera lnea superior hasta llegar a la ltima lnea inferior y de una pasada completa la imagen.Pero si el GIF es interlaced, la imagen se visualizar de otra manera: harn falta cuatro pasadas en lugar de una. En cada pasada se visualizan lneas que conforman la imagen, pero esta vez no aparecen seguidas una de la otra, sino distribuidas en la parte superior, central e inferior de la imagen. Este proceso se repite hasta finalizar las cuatro pasadas y completar esa imagen. Gracias al interlacing visualizamos distintas partes de la imagen al bajarla de Internet o un BBS, y es posible darse cuenta si realmente nos sirve antes de que la imagen est completa. Si esa imagen no es lo que esperbamos, es posible cancelar la operacin. Gracias a la popularidad de este formato, se han desarrollado infinidad de programas shareware para manipular GIFs. Ya sea para exhibirlos, modificarlos, convertirlos o incluso comprimirlos. Si alguno de estos programas modifica el archivo .GIF, es muy probable que aparezca alguna informacin sobre esta aplicacin en el application block. Surge de la Commodore Amiga, y en sus siglas no se incluye ninguna palabra como "imagen" o "grfico". Es porque este formato puede no slo almacenar imgenes bitmap sino tambin msica, texto, o cualquier tipo de informacin en general. Una de las aplicaciones ms potentes de Amiga para la creacin de IFFs es el Deluxe Paint de Electronic Arts. Cuando esta empresa hizo una versin del popular programa para PC, dot a los IFFs de la extensin LBM. Ambos son exactamente iguales, y para convertir de uno al otro basta con renombrar su extensin. Con respecto al color, existe una variada gama disponible similar a la de los GIFs. El nico inconveniente es la demora en el acceso a estos archivos, ya que la amiga utiliza un sistema de "planos" para almacenar las imgenes, y las PCs tardan un poco en acceder a dichos planos. En la actualidad existen algunas aplicaciones que reconocen este formato adems de Deluxe Paint. El formato JPEG ofrece los imprescindibles 16 millones de colores (true color), unido a una compresin realmente asombrosa (valores superiores a 20:1 son habituales). Slo tiene una limitacin: para obtener esos valores de compresin modifica sutilmente la imgen, descartndose su uso en aplicaciones en las que se desea mantener una calidad bit a bit. El diseo de este formato est pensado para almacenar imgenes del "mundo real", tambin llamadas imgenes de tono continuo, como digitalizaciones o renderizaciones de alta calidad. Se se intenta almacenar imgenes de tipo vectorial o dibujos sencillos no realsticos, se observar como la compresin disminuye enormemente, y las modificaciones hechas sobre la imagen original por el algoritmo de compresin se observan a simple vista. La abreviacin JPEG viene de las iniciales de Joint Photographic Experts Group. Se trata del grupo de expertos que definieron las bases de este formato. El formato JPEG slo puede almacenar imgenes de 24 bits (true color), utilizando tres canales para su almacenamiento o de escala de grises, usando slo un canal. La compresin JPEG consiste en una serie de complejas operaciones matemticas, tales como: conversin del formato del color, transformacin separada de coseno (DCT), cuantizaciones y codificacin entrpica. JPEG, junto con GIF, son los formatos de imgenes usados en WWW.

EPS (Encapsulated PostScript Files)

GIF (Graphic Interchange Format)

IFF/LBM (Interchange Format Files)

JPG (JPEG)

MAC (Aplicaciones Macintosh)

Originario de las Macintosh, este formato bitmap presenta varios inconvenientes. Por empezar, no utiliza colores y su resolucin mxima es de 576 x 720 pixels. La nica ventaja existente es la de poder crear una imagen en una Macintosh utilizando programas como el MacPaint y luego trasladar el archivo a una PC para utilizarlo en algn otro programa que se conforme con poco. Por lo dems, es uno de los formatos menos recomendables debido a que muy pocas aplicaciones lo requieren. Uno de los formatos bitmap mas conocidos. Creado por el PC Paintbrush de Z-Soft, fue evolucionando a lo largo de los aos. Es un formato bitmap y soporta imgenes de hasta 24 bits en color (unos 16 millones de colores). No hay restricciones con respecto al tamao de las imgenes. Su mtodo de compresin apunta a la rapidez de acceso en vez de a la reduccin de tamao de los archivos. Casi todas las aplicaciones que circulan en el mercado soportan este formato, y esa es su mayor virtud: la compatibilidad. La gran mayora de los programas de desktop publishing y de tratamiento de imgenes en s soportan este formato, incluso en su ltima versin de 24 bits. Existen archivos que contienen grficos y comparten esta misma extensin aunque no tienen nada en comun unos con otros. Por ejemplo, el Lotus maneja archivos PIC distintos a los del PC Paint o Pictor. Estos ltimos son de tipo bitmap y son los que trataremos en las siguientes lneas. La resolucin mxima alcanzada por este formato es de 320 x 200 pixels en 256 colores. Si se desea utilizar una resolucin de 640 x 480 pixels, los colores debern ser 16. El mtodo de compresin es eficaz siempre y cuando se trabaje con imgenes relativamente simples, y no con pantallas escaneadas. La escasez de colores en altas resoluciones y la incompatibilidad entre PICs contribuyen a que sea uno de los menos utilizados en la actualidad. Es el formato utilizado por las tarjetas Targa. El standard est lo suficientemente bien definido como para evitar problemas de incompatibilidad. Las imgenes son bitmap y pueden ser de cualquier tamao y contener tantos colores como se pueda imaginar (de 2 a 32 bits en colores). La principal desventaja es el tamao de los archivos. Este formato es especial para retocar diseos profesionales ms que con simples programas shareware, debido a que la amplia gama de colores produce un efecto muy realista y sumamente elaborado. Tambin es muy til cuando se trabaja con scanners de alta calidad. Es el mejor formato por su tratamiento de los colores. Ms que una imagen en una archivo, el formato TIF contiene una serie de bloques que conforman la imagen. Estos bloques pueden contener cierta informacin sobre la imagen en s, su tamao, su manejo del color, informacin a las aplicaciones que utilicen ese archivo, texto, y hasta thumbnails. Un thumbnail o miniatura es una pequea representacin de una imagen mucho ms extensa, a la cual el programa accede rpidamente y no pierde tiempo descomprimiendo toda la imagen. Sirve para ver el contenido del archivo de una manera rpida y segura. Este formato es totalmente compatible con PC y Macintosh. Soporta gran cantidad de colores y es uno de los formatos preferidos por las aplicaciones de hoy en da. Es el formato ms usado cuando se trabaja con scanners debido a su til manejo del color.

PCX (PC Paintbrush)

PIC (PC Paint Pictor)

TGA (TrueVision Targa)

TIFF (Tagged Image File Format TIFF)

WMF (Windows MetaFiles)

Las funciones grficas complejas de Windows han provocado la creacin de WMF. Es un formato muy til y sus archivos son increblemente fciles de crear. Las aplicaciones Windows utilizan este formato como un tipo de "grabadora grfica", al copiar en un archivo los comandos para realizar la imagen en cuestion ahorrando una cantidad considerable de espacio. Tericamente, cualquier cosa que se pueda dibujar en una ventana Windows puede ser almacenada en un WMF, ya sea imgenes bitmap, texto, o grficos lineales sumamente complejos. Gracias a su facilidad de manejo, hay muchas aplicaciones que lo utilizan en la actualidad. Excepto el formato EPS, WordPerfect no importa otro formato que no sea el WPG. Este formato soporta tanto grficos bitmap como vectoriales de 2 a 256 colores. A veces ocurren ciertas incompatibilidades de conversin al trabajar con grficos bitmap y vectoriales en la misma imgen, por ejemplo la prdida de estos ltimos. La tarea de conversin de otros formatos al WPG se har algo habitual al trabajar con WordPerfect, aunque no por eso deje de ser bastante incmodo.

WPG (WordPerfect Graphic Files)

El color
El color juega un papel crucial en la creacin de imgenes sintticas. Cualquier sistema de CAD o 3D por sencillo que sea, utiliza de un modo u otro sistemas de representacin de miles o millones de colores. A cuestiones como la resolucin o los 256 colores de los sistemas de CAD ya estamos acostumbrados, pero existen otras muchas nociones sobre el color de igual o mayor importancia que explicaremos en este artculo.

Teora del Color


Al hablar de la Teora del Color es frecuente encontrar trminos o siglas de difcil comprensin para los no iniciados, como son RGB, Y/C, HSV y otras. Siendo stos, precisamente, algunos de los modos que se utilizan para definir o generar cualquier color en una pantalla de ordenador. Pero antes de pasar a controslo vamos a ver bsicamente en qu consiste y cmo se forma el color que sale de nuestros monitores y que llega a nuestros ojos. Lo que perciben los componentes de nuestra retina como luz y por tanto como colores es una banda de frecuencia dentro del espectro electromagntico. En dicho espectro, a parte de la luz visible caben otras formas de radiacin, como los rayos gamma, rayos x, luz ultravioleta, infrrarrojos, ondas de radio, etc. Cuando se emite luz blanca se est emitiendo la totalidad de las longitudes de onda contenidas en el espacio de luz visible. Este se extiende desde los extremos invisibles de la frecuencia del infrarrojo a la del ultravioleta, comprendiendo en ese intervalo todos los colores posibles, desde el rojo al violeta pasando por el azul, verde, naranja, etc.

El color de un objeto depende principalmente del color de la luz con que se le ilumine y tambin de las caractersticas de su superficie, la rugosidad, composicin qumica, transparencia, etc.Ya que esto contribuir a que el objeto absorva o refleje la luz, o ciertos colores de sta. Por tanto cuando vemos un objeto, lo que vemos en realidad es la luz reflejada por ste y su frecuencia o color.

Existen dos formas diferentes de percibir la luz, y por tanto el color. No es igual contemplar una imagen al natural, en la pantalla de nuestro ordenador o en una hoja de papel. Las dos primeras formas son procesos aditivos de generacin del color mientras que el ltimo es un proceso substractivo. Vamos a ver las diferencias. Subir Adicin y substraccin

Cuando contemplamos una figura en la pantalla del ordenador, lo que estamos viendo es la luz emitida, en este caso por el tubo de rayos catdicos del monitor, que genera la escena. Cuando este proceso de creacin de imgenes requiere, como en este caso, de la acumulacin o adicin de luz para formarse se le llama proceso aditivo o de emisin. Para obtener luz blanca debemos sumar los colores que la componen. Esto funciona as tanto en los monitores, como en las imgenes que reciben nuestros ojos. La luz blanca puede asmismo dividirse en sus componentes primarios del espectro del Arco Iris o Rojo, Verde y Azul en el caso de las imgenes de la pantalla. Este medio de generacin de color se le conoce comunmente como RGB, siglas en ingls de los colores Red, Green y Blue. Y se emplean estos colores debido a la especial sensibilidad de los fotoreceptores de la retina encargados de captar el color, los conos. Estos poseen bsicamente tres tipos de pigmentos sensibles al rojo, al verde y al azul, al unir estas tres intensidades junto con el brillo o luminosidad de la luz obtenemos el color. Por el contrario, cuando vemos una fotografa, un dibujo o una ilustracin impresas estamos generando el color mediante un proceso de sustraccin o de pigmento. En este caso, para formar el blanco no hay que aadir ninguna tinta, y el negro es la suma de todas ellas. La luz que llega a nuestros ojos no es luz emitida por el papel, sino reflejada por ste. En imprenta los colores que forman las imgenes no son los mismos que en el caso anterior, ahora los componentes son el Cyan, el Magenta, el Amarillo y el Negro, o ms co-munmente CMYK, de nuevo con las siglas inglesas. En algunos casos especficos se utilizan slo tres de stos componentes, CMY y el Negro se desprecia, aunque sto no es lo habitual ya que se restringe bastante la gama de tonalidades a representar. En el caso de las impresoras, dependiendo de cul sea el sistema de impresin que empleen, pueden variar estos colores, aunque bsicamente sern los mismos o muy parecidos. Es importante resaltar que los colores producidos en imprenta son slo una simulacin, y que stos se dan como consecuencia del efecto ptico que produce la superposicin de las diferentes tramas, cada una de ellas con uno de los colores bsicos y con una angulacin distinta. En definitiva, hablaremos de procesos de generacin de color aditivos cuando ste se base en la luz, y de sustractivos cuando se empleen pigmentos o tintas.

Debido a esta discordancia de mtodos, las imgenes que vemos en nuestro monitor nunca quedarn exactamente igual que las copias impresas en papel, aunque los dos medios sean de la ms alta calidad. Esto es debido, entre otras cosas a que la gama de colores que se puede representar mediante un monitor no concuerda exactamente con la gama que se puede crear mediante tintas y tramas de imprenta.

Existen otros mtodos de definicin e interpretacin del color, pero son slo eso, definitorios y no generadores de color como los que hemos visto. A ese grupo pertenecen el tipo Y/C que se utiliza sobre todo en video y televisin. Este sistema divide la seal ya generada en dos portadoras, una para el color y otra para el brillo, de forma que no se entremezclen y produzcan distor-siones. Hay tambin otros modos como el HSV, o el CIE que analizaremos despus. Subir Color digital Cuando vemos las mgenes por televisin, el proceso de generacin es casi el mismo que en los monitores, salvo que ahora el color se crea mediante un proceso analgico. Con ste proceso no hay limitacin a los colores visibles, salvo la que imponga la calidad del equipo de emisin, recepcin y el medio por el cual discurra. Por el contrario, el color digital al que estamos ms acostumbrados es una cuantizacin o restriccin del color analgico. De hecho, bsicamente lo que hacemos al definir una gama cromtica en el ordenador, es restringir a un nmero determinado y manejable las infinitas longitudes de onda de la gama de luz que definen cada color en la naturaleza. El ancho de banda que se utiliza en el medio analgico, sea video domstico, betacam, radiofrecuencia, etc, es el equivalente, en cuanto a riqueza de tonos, al nmero de bits por pixel que posee la gama de color digital. La gama de colores digitales es muy variable segn el equipo grfico de que dispongamos. En la VGA corriente, sta es de 16.385, aunque tan slo podemos ver en pantalla 256 simultneamente. Con los sistemas grficos ms actuales la cifra puede aumentarse y llegar incluso hasta los 16.7 millones de tonalidades. Esta diferencia est marcada por la cuan-tizacin impuesta, o el nmero de bits que asignemos a cada punto de la pantalla para representar el color. Cuantos ms bits dispongamos, con una mayor fidelidad podremos imitar los tonos analgi-cos, aunque lgicamente tambin redundar en un mayor tamao del fichero de imagen, con el consiguiente gasto de memoria y menor velocidad de gestin. Subir Los bits por pxel Bsicamente existen en la actualidad en nuestro PC tres formas diferentes de cuantificar digitalmen-te el color, los 8 bits por pixel, los 16 bpp, o los 24. Vamos a ver como funciona cada una de ellas. Con 8 bits, un byte, para cada pixel de la pantalla deberemos definir la totalidad del color, y por tanto cada uno de sus componentes. Podemos asignar 3 bits al Verde, 3 bits al Rojo y 2 bits al Azul. Esto nos dar 8 tonalidades de Verde, 8 de Rojo y 4 de Azul. En total dispondremos de una gama de 256 colores posibles incluyendo el negro. Desde luego no es gran cosa para ver con claridad y fidelidad una fotografa o una imagen ren-derizada. Por eso en VGA, que dispone de 8 bits por pixel, se emplea un sistema ligeramente distinto, es el llamado Color Inde-xado. En lugar de asignar ciertos bits a cada componente respecto a una gama absoluta de 256 colores, se van a referenciar los 8, o sea el byte completo, a un color determinado de una paleta de 256. Esta paleta estar construida sobre una gama posible de 262.144 colores, o 18 bits. Estos 18 bits se dividen en 6 para cada uno de los componentes RGB, con lo cual existen 64 posibilidades distintas para el Rojo, las mismas para el Verde y tambin para el Azul. Si multiplicamos los tres componentes nos saldr el nmero anterior total de los colores disponibles. Por

tanto en VGA disponemos de una base de 262.144 colores para definir una imagen, aunque tan slo podremos utilizar 256 de ellos simultneamente. Si todos ellos los aplicamos a una gama pura de grises, podremos crear un total de 64 distintos lo que ser suficiente para definir con gran precisin y fidelidad cualquier imagen, siempre y cuando la resolucin sea adecuada. En ciertos sistemas de color, la paleta usada para re-ferenciar nuestros 256 tonos aumenta considerablemente, hasta llegar a los 16,7 millones de colores. Esto, aunque no sea lo usual, se suele emplear en programas como los de render cuando no disponemos de una calidad grfica de 16 24 bits.

En el modo de 16 bits, las cosas cambian un poco. Aqu la gama de color direccionable aumenta considerablemente, hasta 66.536, por lo que se hace innecesaria la opcin de la paleta como antes.

Estos 16 bits disponibles se suelen dividir en 5 para el Rojo, 6 para el Verde y 5 para el Azul. A veces este sistema cambia ligeramente, y se igualan los tres valores, asignando entonces 5 bits a cada componente. La desventaja est en que la gama cromtica disminuye a la mitad, 32.768 colores, aunque algunas tarjetas grficas profesionales orientadas a vdeo, lo que se suele llamar framebuffers, aprovechan ese ltimo bit y lo dedican a definir la transparencia del pixel, permitiendo ver el objeto o la imagen que se encuentre detras. A este sistema se le denomina canal Alpha. En 24 bits el funcionamiento es igual pero con una mayor gama de colores, 16.776.990 para ser exactos. Esta amplia gama es ms que suficiente para cualquier aplicacin por muy exigente que sea, y actualmente constituye el estandar de cuantizacin de la imagen digital. Incluso est sobrevalorada, ya que el ojo humano no llega a distinguir tal nmero de colores. Precisamente por ello existen numerosas tcnicas de compresin de imgenes, sobre todo en medios de almacenamiento, que desprecian cierta informacin sin que por ello se degrade la calidad global, ya que en cualquier caso no vemos los colores suprimidos. Esta misma tcnica se emplea tambin en muchos sistemas domsticos de reproduccin de sonido digital, pero esta vez orientada a las frecuencias auditivas. Cuando hablamos de profundidades de color superiores a los 24 bits, no nos estaremos refiriendo al nmero real de colores visibles, sino que por el contrario o bien estaremos hablando de clculos internos en un superespacio de color de 64 bits que luego se convierten a los 24 bits estndar, tal y como hacen programas como 3D Studio. O nos estaremos refiriendo a sistemas de 32bpp, que tienen un canal Alpha de 8 bits, lo cual nos da 256 niveles de transparencia. O puede ser tambin que estemos hablando de otros valores asociados al color del pixel, y que pueden modificarlo, pero que no lo definen. Esto ltimo es muy utilizado en estaciones grficas profesionales como las Silicon Graphics, en las cuales es posible

encontrar profundidades de color de 48, 64 y hasta 128 bits, en los cuales se incluye tanto el color del pixel como su canal Alpha, la textura, el color del ambiente, el sombreado, etc.
El Autor del apartado sobre la "Teora del color" es: Roberto Potenciano Acebes ( Diseador Infogrfico, Director tcnico y responsable de Cisne Estudio, centro especializado en la creacin de imagen sinttica. Madrid, Espaa)

Subir

Sistema RGB
RGB significa Red (rojo), Green (verde), Blue (azul). Cada color consiste en tres nmeros (uno para el rojo, otro para el verde y el ltimo para el azul) que indican el porcentaje de los colores anteriormente mencionados. La mezcla de esos tres porcentajes origina el color deseado. Los nmeros son del 0 (negro) al 255 (blanco). Este es el sistema de colores ms elaborado y el utilizado por los scanners color. Provee a la imagen de una enorme cantidad de colores. Es el utilizado en grficos bitmap de alta calidad (como los Targa) y en diseos vectoriales sumamente complejos. A cada pixel del bitmap o a cada objeto del grfico vectorial se le asigna un color RGB.

Sistema de colores por paleta


No es tan perfecto como el RGB, pero utilizando los 256 colores disponibles como se debe, la imagen no tendr nada que envidiar a una buena fotografa. Al ser 256 los colores, cada uno puede ser representado por un byte. En realidad la paleta est compuesta por colores RGB, slo que en menor cantidad disponible. Subir

Los formatos Graficos en Web: GIF y JPG


Los dos formatos grficos ms utilizados para la Web son el JPG (JPEG) y el GIF. El formato grfico JPG, comprime mucho ms las imgenes que el GIF, y permite la utilizacin de millones de colores (GIF soporta, como mximo, 256 colores). Recomendable para grandes grficos y fotografas, especialmente para aquellos a los que queremos dotar de mayor calidad. Generalmente, la herramienta que utilizamos para guardar la imagen como JPG (Paint Shop Pro, del que hablaremos ms adelante, por ejemplo), nos permitir elegir el nivel de calidad. Recordemos que cuanto mayor sea la calidad, ms espacio requerir la imagen, porque estar menos comprimida, y pesar ms a la hora de ser descargada. GIF Salvo para grandes grficos o fotografas, emplearemos el formato GIF para guardar nuestras imgenes. Su versatilidad nos permite crear efectos, como: Modificar las imgenes, dotndolas de fondos transparentes

Crear animaciones, compilando varias imgenes. Si utilizamos el GIF entrelazado (interlaced), la imagen aparece poco a poco, en lugar de hacerlo de golpe. As, cuando recibimos en el monitor la imagen, vamos viendo cmo llega, y es menos aburrida la espera.

Velocidad Podemos crear la pgina ms atractivas, con las imgenes ms "elaboradas", y adems incluir animaciones, pero si caemos en el error de no controlar su volumen, los internautas que nos visiten no esperarn a que nuestras maravillas aparezcan en su monitor. Por consiguiente, una de nuestras mejores armas para el diseo de pginas Web puede convertirse en nuestro peor enemigo. Una velocidad media de transmisin, para un mdem de 14.400, puede ser 1,5 K/s. Si la imagen "ocupa" 30 K, necesitaremos esperar 20" para recibirla la primera vez. Si el mdem es de 28.800, la recibiremos en 10"; si es de 36.000, la recibiremos en 7" aprox. En horas punta, la velocidad de transmisin puede quedar reducida a menos de la mitad. Intentar que las imgenes no alcancen 30 K, ser una buena medida para no disuadir a nuestros visitantes. Subir

GIF transparente
Hacer un GIF transparente consiste en eliminar el color de fondo de la imagen o uno de los colores, para que absorba el color de fondo de la pgina, como se puede ver a continuacin. En el ejemplo, vemos como la imagen de abajo conserva el fondo azul. Mientras que la imagen de la derecha ha absorbido el color de fondo, en este caso el blanco.

Herramientas Para los usuarios de Windows 3.11, y Windows 95, la herramienta ms habitual es GIF CONSTRUCTION SET. Un programa shareware, que una vez

evaluado, puede ser adquirido por 20 dlares, su descarga se hace con facilidad desde el enlace que hemos facilitado. Tambin Microsoft tiene una herramienta que sirve para hacer animaciones (Microsoft Gif Animator). Es muy fcil su manejo: le indicamos una imagen, sealamos el botn de transparencia, y ya slo nos resta guardarla para tener un GIF transparente. Se puede descargar gratuitamente desde la sede de Microsoft. Los usuarios de MAC, tienen una excelente herramienta: GIF BUILDER, sencilla de manejar, permite la realizacin de numerosas animaciones, como veremos ms adelante, adems de realizar la tarea de hacer transparentes los GIFs con facilidad. Si trabaja con Mac, slo tendr que descargar 256 K para hacerse con GIF BUILDER, que adems es completamente gratuito (freeware). Subir

GIFs Animados: Animaciones


Con las herramientas que hemos comentado en el apartado anterior, se han realizado el ejemplo de esta pgina. Seguidamente vemos una "banner" dotado de movimiento. En su construccin hemos invertido algo menos de 5 minutos. Cmo? Gif Construction Set para Windows. Guardamos la imagen como GIF (ocupa 21,2 K), y slo nos queda insertarla en nuestra pgina. Tambin podemos utilizar, para animar las imagenes, Microsoft GIF Animator. Con cada descripcin de las imagenes figuran los Ks que ocupan, es decir, es conveniente realizar un recuento del volumen de nuestra pgina: Por ejemplo: Gif transparente................... 26,14 K Banner .............................. 5,56 K Pgina (graficos.html).............. 3,76 K TOTAL..............................35,56 K Resultado: una pgina con dos imgenes 35 K.

Anda mungkin juga menyukai