Los Grficos

Formatos grficos
Qu son los formatos grficos?
Formatos vectoriales
Formatos bitmap
Los 14 formatos grficos ms importantes
Color
Teora del color
Adicin y substraccin
Color Digital
Los bits por pxel
Sistema RGB
Tabla de colores RGB
Sistema de colores por paleta
Trabajando en Web: GIF y JPG
GIF Transparente
GIFs Animados: Animaciones
Herramientas para tratar los grficos

Formatos grficos
Qu son los formatos grficos?
Bsicamente, 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.

Formatos bitmap
Contienen imgenes basadas en pixels (por ejemplo una imagen cuya resolucin
es de 640 x 480 pixels, contiene 640 pixels horizontales y 480 pixels verticales).
Las imgenes generadas por scanner son de tipo bitmap. Cuanto mayor sea la
gama de colores, ms realismo se consigue con este tipo de formato. Las
imgenes bitmap poseen un tamao natural en el cual se imprimirn
perfectamente, pero, a diferencia de las vectoriales, no ofrecen grandes
posibilidades con respecto a la variacin del tamao. Al aumentar el tamao
bruscamente, es fcil notar una gran disminucin de la calidad. Otro punto en
contra de los formatos bitmap es la cantidad de memoria y espacio que ocupan.
Debido a esto, la mayora de ellos utilizan diversos mtodos de compresin de la
informacin que constituye la imgen.

Los 14 formatos grficos ms importantes

Formato

Caractersticas

BMP
(Bitmapped File
Format)

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.

CDR
(Corel Draw)

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.

DXF
(Drawing
Exchange
Format)

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
del AutoCAD, no hay muchas aplicaciones que reconozcan este
formato, aunque Corel Draw puede manejar DXFs sin mayores
dificultades.

EPS
(Encapsulated
PostScript Files)

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.

GIF
(Graphic
Interchange
Format)

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,

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)

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.

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.

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.