Formatos de imagen

Distintos formatos estándar de imágenes utilizables entre diversos

programas gráficos.

Este tutorial tiene como finalidad ayudar a entender algunos de los formatos estándar
utilizables entre diversos programas gráficos, sus características, similitudes y
particularidades. Los formatos que aquí trabajaremos son:

• BMP- Mapa de bits

• GIF- Graphics Interchange Format
• JPEG- Joint Photographic Experts Group
• PNG- Portable Network graphics
• TIF- Tagged-Image File Format

BMP es el formato más usado en aplicaciones Windows y DOS. En la codificación de

la imagen no hay compresión y por lo general resultan archivos grandes. Su ventaja es
que lo lee cualquier programa que maneje imagen.

El formato GIF es el formato de archivo que se utiliza habitualmente para mostrar

gráficos e imágenes de color indexado en documentos HTML en Internet y otros
servicios en línea. GIF es un formato comprimido con LZW diseñado para minimizar el
tamaño del archivo y el tiempo de transferencia electrónica. El formato GIF preserva
la transparencia en imágenes de color indexado.

El formato JPEG se utiliza habitualmente para mostrar fotografías y otras imágenes de

tono continuo en documentos HTML en Internet y otros servicios en línea. El formato
JPEG admite los modos de color CMYK, RGB y Escala de grises pero no admite
canales alfa (No preserva la transparencia). A diferencia del formato GIF, JPEG retiene
toda la información de color de una imagen RGB pero comprime el tamaño del archivo
descartando datos selectivamente.

Desarrollado como una alternativa sin patente al formato GIF, el formato de gráficos de
red portátiles PNG se utiliza para una compresión sin pérdidas y para la visualización
de imágenes en Internet. A diferencia del formato GIF, PNG admite imágenes de 24 bits
y produce transparencia de fondo sin bordes irregulares; sin embargo, algunos
navegadores Web no admiten imágenes PNG. El formato PNG admite imágenes RGB,
de color indexado, en escala de grises y de mapa de bits sin canales alfa. PNG conserva
la transparencia en imágenes en escala de grises y RGB, lo que resulta extremadamente
útil para utilizarse en Flash, donde PNG es totalmente compatible.

TIFF es un formato flexible de imágenes de mapa de bits que prácticamente admiten

todas los programas de pintura, edición de imágenes y diseño de páginas. Admite
imágenes CMYK, RGB, Lab, de color indexado y en escala de grises con canales alfa, e
imágenes en modo de mapa de bits sin canales alfa. Photoshop puede guardar capas
en un archivo TIFF; sin embargo, si abre el archivo en otra aplicación, sólo será
visible la imagen acoplada. Photoshop puede guardar también anotaciones,
transparencias y datos de pirámide multirresolución en formato TIFF. No es un formato
para Internet debido al gran tamaño de los archivos con este formato.
Todos nosotros utilizamos algún que otro formato para visualizar, almacenar o escanear
imágenes, como pueden ser BMP, TIFF, GIF, PNG, JPEG o JPEG progresivo entre
otros. Puede que no conozcan todos estos formatos, pero sí saben que unos comprimen
más que otros, o que algunos almacenan de forma más eficiente según el tipo de ima

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no
todos estos formatos son adecuados para una web, debido a que pueden ocupar
mucha memoria o a que no son compatibles con algunos navegadores.

Los formatos más utilizados son el GIF y el JPG, que a pesar de ser imágenes de
menor calidad que las imágenes BMP, son más recomendables debido a que ocupan
menos memoria. Vamos a ver un poco más sobre estos formatos:

Formato GIF:

Utilizan un máximo de 256 colores, y son recomendables para imágenes con

grandes áreas de un mismo color o de tonos no continuos. Suelen utilizarse con gran
frecuencia, ya que permiten definir transparencias y animación.

Formato JPG:

Las imágenes son de mayor calidad que las GIF, al poder contener millones de
colores, pero el tamaño de la imagen es mayor y tarda más en descargarse se utilizan
más para fotos.

Puedes incluir imágenes en otros formatos, que podrán ser visualizadas en algunos
navegadores. Este es el caso de las imágenes BMP y PNG.

Puedes cambiar el formato de las imágenes mediante la utilización de algún

programa de tratamiento de imágenes, como pueden ser Fireworks, Photoshop, Corel
Draw, etc. Por ejemplo el Fireworks de Macromedia tiene una opción, exportar a tipo gif
que reduce considerablemente la ocupación de la imagen sin perder en calidad
(siempre que la imagen se adecue al formato).

Dependiendo del programa utilizado existirá una mayor o menor cantidad de

opciones a la hora de modificar las imágenes. Para realizar modificaciones sencillas,
como la de recortar las imágenes y cambiar los colores, puedes utilizar incluso el
programa Paint de Windows.

gen. Por esta razón, se explicará para qué sirven cada uno de los formatos, y en qué
situación utilizarlos. Además se verá cuáles son los más utilizados por los usuarios del
PC, y cuáles son cuando se hace referencia a las páginas Web de Internet.

Estándar de Windows

Los formatos que se utilizan de forma más común vienen dictaminados muchas veces
por los programas de imagen que utilizan los usuarios. Por extensión, ya que nueve de
cada diez computadoras llevan Windows, los formatos más extendidos en potencia, son
los que lleva el propio Windows. Los dos formatos que soporta el Paint de Windows
son BMP y PCX, aunque la utilización del primero se hace mucho más notoria.

El formato BMP (Bit Map) es el formato de las imágenes en bitmap de Windows.

Aunque muy extendido, tiene la dificultad de la escasa compresión que realiza en los
archivos por lo que ocupan rápidamente casi 1Mb. Pero el formato de Mapa de Bits
tiene una importante característica a su favor, es que casi todos los usuarios tienen una
PC que puede soportarlo.

El formato PCX es un formato establecido por Zsoft para su programa Paintbrush. Por
tanto, la extensión de este formato va ligada con la introducción de este programa en las
PC. La mayoría de las PC soportan la versión 5 del formato PCX.

Evolución

Los usuarios, en principio los más profesionales y cada vez en mayor medida los
usuarios en general, utilizan herramientas gráficas que les permiten la utilización de
otros formatos más adecuados para con sus necesidades. De esta forma se utilizan
programas gráficos tan completos que permiten la utilización de una gran variedad de
formatos, y la capacidad de transformar las imágenes a distintos formatos, de manera
que el usuario puede comprobar cuál es el más adecuado en cada momento.

La circunstancia a favor del formato BMP anteriormente citada ha ido perdiendo

importancia con la entrada de los navegadores en las PC, ya que la capacidad de soporte
de los formatos más adecuados se ha ido extendiendo a medida que se extiende el uso
de los navegadores. A raíz de Internet y del trabajo con herramientas gráficas, la
importancia prima en la compresión que a su vez respete a la calidad, de forma que
formatos como el GIF y el JPEG se han comido rápidamente el mercado.

GIF y JPEG: los formatos más utilizados

El formato GIF, propietario de CompuServe, corresponde a las siglas de Graphics

Interchange Format. Es el formato más utilizado para mostrar gráficos de colores
indexados e imágenes en documentos HTML (hypertext markup language) sobre World
Wide Web y otros servicios online. Gif es un formato de imágenes comprimidas
diseñado para minimizar el tiempo de transferencia de archivos sobre las líneas
telefónicas.

El JPEG (Joint Photographic Experts Group) es el formato que se utiliza comúnmente

para almacenar fotografías y otras imágenes de tono continuo, y también se utiliza en
documentos HTML para Internet. A diferencia del formato GIF, JPEG guarda toda la
información referente al color en RGB. JPEG también utiliza un sistema de compresión,
que de forma eficiente reduce el tamaño de los archivos mediante la identificación y el
descarte de los datos redundantes que no esenciales para mostrar la imagen.
Otros formatos comunes

El formato TIFF, que corresponde a las siglas Tagged-Image File Format, se utiliza
para intercambiar archivos entre distintas aplicaciones y plataformas de la computadora.
El formato TIFF soporta la compresión LZW, que es un método de compresión con
menor pérdida, de hecho ayuda a no perder detalles en la imagen almacenada.
Actualmente se utiliza de forma común en su versión 5.0.

El formato PICT es ampliamente utilizado en los gráficos de Macintosh. Se utiliza

como un formato de archivo para las transferencias de archivos entre aplicaciones. PICT
es especialmente efectivo para comprimir imágenes que contienen grandes áreas de
color sólido. La compresión que realiza el formato PICT no es buena para los canales
alpha, que normalmente contienen grandes superficies de blanco y negro.

El formato EPS de Adobe Photoshop, es un formato de archivos que es soportado por la

mayoría de los programas gráficos. El nombre del formato EPS corresponde a
Encapsulated PostScript Language.

Existe un formato llamado PhotoCD que está diseñado por Kodak para la creación de
álbunes de fotografías a partir de su revelado en forma de discos de CDROM. Este
sistema se denomina Kodak Pro PhotoCD.

Debemos mencionar el formato PDF, que aunque no es propiamente de imagen, si que

desempeña una tarea importante en Internet al proporcionar soporte para los
documentos con partes gráficas. PDF se utiliza mediante Adobe Acrobat, que es un
software de publicación electrónica que tiene la gran ventaja que corre bajo las
plataformas Macintosh, DOS, Windows y UNIX. Se basa en el lenguaje PostScript de
nivel 2, pudiendo representar gráficos vectoriales y bitmaps. PDF se ha convertido en
unos de los formatos de moda en Internet, por sus capacidades de formatear páginas, a
las que puede incluir imágenes, esquemas y links de hypertexto.

Formatos para Internet

En Internet, sobretodo, se utilizan los formatos JPEG, GIF y PDF, este último para
documentos, aunque formatos como el PNG y el ProJPEG son dos formatos muy
válidos dadas las características de la World Wide Web.

JPEG es el mejor formato para fotografía o imágenes de tonos continuos, y el formato

GIF es preferible para las imágenes de tonos no continuos o cuando hay grandes áreas
de un mismo color. El PNG, que está libre de patente, es el sustituto del formato GIF, y
corresponde a las siglas de Portable Network Graphics. Por sus características, el
formato de Gráficos Portables en la Red también puede reemplazar en los usos más
comunes del formato TIFF, ya que PNG soporta imágenes con colores indexados, con
escala de grises, e imágenes de color verdadero. El formato PNG está diseñado para
trabajar online de forma óptima en aplicaciones de visualización, como es el caso de la
World Wide Web de Internet. Por tanto su diseño procura que sea extremadamente
completo con la opción de visualización progresiva. Además el formato PNG es
robusto, ya que proporciona por un lado chequeo de la completa integridad del archivo,
y por otro la detección simple a los errores comunes de transmisión. Con las
características mencionadas, PNG puede almacenar los datos de gamma y cromacidad
mejorando el color comparándolo con las plataformas heterogéneas.

Al igual que el PNG, los archivos ProJPEG son JPEG mejorados que se pueden
visualizar por etapas de forma progresiva en el navegador. De esta forma, la imagen se
visualiza toda y mientras se carga va mejorando su definición. El formato ProJPEG
(Progressive JPEG) va muy ligado al JPEG, ya que también se utiliza para las
fotografías e imágenes de tono continuo, con la diferencia de estar diseñado para una
visualización progresiva de la imagen en cuanto se carga de Internet, y de esta manera
no tener que esperar la carga completa de la imagen para poder ver su contenido.

• Pixeles
• Son cada uno de los puntos que forman las imágenes. Cada píxel,
tiene un color diferente, de forma que al observar el conjunto de
puntos se forma la imagen. El número de puntos que forma la
imagen indica su resolución.

(acrónimo del inglés picture element, "elemento de imagen") es la menor unidad

homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía,
un fotograma de vídeo o un gráfico

La resolución de una imagen indica cuánto detalle puede observarse en esta. El

término es comúnmente utilizado en relación a imágenes de fotografía digital, pero
también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen
de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en
obtener una imagen con más detalle o calidad visual.

Para las imágenes digitales almacenadas como mapa de bits, la convención es describir
la resolución de la imagen con dos números enteros, donde el primero es la cantidad de
columnas de píxeles (cuántos píxeles tiene la imagen a lo ancho) y el segundo es la
cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo alto).

Es bueno señalar que si la imagen aparece como granular se le da el nombre de

pixelada o pixelosa.

La convención que le sigue en popularidad es describir el número total de píxeles en la

imagen (usualmente expresado como la cantidad de megapíxeles), que puede ser
calculado multiplicando la cantidad de columnas de píxeles por la cantidad de filas de
píxeles. A continuación se presenta una ilustración sobre cómo se vería la misma
imagen en diferentes resoluciones.
Para saber cuál es la resolución de una cámara digital debemos conocer los píxeles de
ancho x alto a los que es capaz de obtener una imagen. Así una cámara capaz de obtener
una imagen de 1600 x 1200 píxeles tiene una resolución de 1600x1200=1.920.000
píxeles, es decir 1,92 megapíxeles.

Además, hay que considerar la resolución de impresión, es decir, los puntos por pulgada
(ppp) a los que se puede imprimir una imagen digital de calidad. A partir de 200 ppp
podemos decir que la resolución de impresión es buena, y si queremos asegurarnos
debemos alcanzar los 300 ppp porque muchas veces la óptica de la cámara, la limpieza
de la lente o el procesador de imágenes de la cámara digital disminuyen la calidad.

Para saber cual es la resolución de impresión máxima que permite una imagen digital
hay que dividir el ancho de esa imagen (por ejemplo, 1600 entre la resolución de
impresión 200, 1600/200 = 8 pulgadas). Esto significa que la máxima longitud de foto
que se puede obtener en papel para una foto digital de 1600 píxeles de largo es de 8
pulgadas de largo en calidad 200 ppp (1600/300=5.33 pulgadas en el caso de una
resolución de 300 ppp). Una pulgada equivale a 2,54 centímetros

http://www.aulaclic.es/html/a_5_1_1.htm

http://ict.udlap.mx/people/raulms/avances/formatos.html

Vemos uno de los tipos de gráficos digitales: los mapas de bits.

Conocemos qué son las resoluciones y cuáles son las adecuadas
para los distintos trabajos.

Por Luciano Moreno

Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.

Existen dos tipos principales de imágenes digitales: los mapas de bits, en los que la imagen

se crea mediante una rejilla de puntos de diferentes colores y tonalidades, y los gráficos

vectoriales, en los que la imagen se define por medio de diferentes funciones matemáticas.

Las imágenes de mapa de bits (bitmaps o imágenes raster) están formadas por una rejilla de

celdas, a cada una de las cuales, denominada píxel (Picture Element, Elemento de Imagen),

se le asigna un valor de color y luminancia propios, de tal forma que su agrupación crea la

ilusión de una imagen de tono continuo.

Un píxel es pues una unidad de información, pero no una unidad de medida, ya que no se

corresponde con un tamaño concreto. Un píxel puede ser muy pequeño (0.1 milímetros) o

muy grande (1 metro).

Una imagen de mapa de bits es creada mediante una rejilla de píxeles única. Cuando se

modifica su tamaño, se modifican grupos de píxeles, no los objetos o figuras que contiene,

por lo que estos suelen deformarse o perder alguno de los píxeles que los definen. Por lo

tanto, una imagen de mapa de bits está diseñada para un tamaño determinado, perdiendo

calidad si se modifican sus dimensiones, dependiendo esta pérdida de la resolución a la que

se ha definido la imagen.

Los gráficos de mapa de bits se obtienen normalmente a partir de capturas de originales en

papel utilizando escáneres, mediante cámaras digitales o directamente en programas

gráficos. También existen multitud de sitios en Internet que ofrecen imágenes de este tipo

de forma gratuita o por una cantidad variable de dinero.

Resolución de una imagen de mapa de bits

La resolución de una imagen es el un concepto que suele confundir bastante, principalmente

porque no es un concepto único, sino que depende del medio en el que la imagen vaya a ser

visualizada o tratada. Así, podemos hablar de resolución de un archivo digital, resolución de

impresión, resolución de semitono, resolución de escaneado, etc.

Tal vez el concepto más ligado a la propia naturaleza de la imagen digital sea el de

resolución del archivo digital, definida como el número de píxeles distintos que tiene una

imagen por unidad de longitud, es decir, la densidad de éstos en la imagen. Sus unidades de

medida son los píxeles por pulgada (ppp o ppi, pixels per inch, en inglés) o los píxeles por

centímetro (más raramente). Cuanto mayor sea esta resolución, más contenedores de

información (píxeles) tiene el fichero digital, más calidad tendrá la imagen y más peso en Kb

tendrá el fichero.

Esta resolución está muy ligada al concepto de resolución de pantalla en un monitor,

referida al número de píxeles por pulgada existentes en la pantalla del monitor en el que se

visualiza la imagen. Una configuración del monitor en alta resolución exhibirá más píxeles

por pulgada, por lo que éstos serán más pequeños, permitiendo una mejor visualización de

la imagen en pantalla. En ningún caso podremos visualizar una imagen a mayor resolución

que la de pantalla, que suele ser de 72 ppp en un sistema Mac y de 96 ppp en un PC.

Una vez definida la resolución de pantalla, el tamaño de los píxeles dependerá del tamaño

físico de la pantalla, medido en pulgadas. Las resoluciones de pantalla más comunes en la

actualidad son 800x600 y 1024x768 píxeles, oscilando los tamaños de pantalla entre 15 y 21

pulgadas.
En el trabajo de digitalización de imágenes con escáner se maneja el concepto de

resolución de muestreo, que define el número de muestras que se toman por pulgada. Su

unidad de medida son las muestras por pulgada (spi, samples per inch). Cuanto más

muestras por pulgada tenga una imagen escaneada, más cercana estará la imagen digital a

la imagen original. Este forma de medir la resolución se utiliza poco, habiéndose adoptado

como medida de calidad de un imagen escaneada los píxeles por pulgada que tiene la

imagen digital resultante del proceso.

En trabajos con imágenes destinadas a la impresión se maneja el concepto de resolución

de impresión, que se refiere a la capacidad máxima de discriminación que tiene una

máquina de impresión, es decir, los puntos de tinta o toner que puede colocar una impresora

u otro dispositivo de impresión dentro de una pulgada para imprimir la imagen. Su unidad de

medida son los puntos por pulgada lineal (dpi, doths per inch). En general, cuantos más

puntos, mejor calidad tendrá la imagen impresa.

Por último, en el entorno de la imprenta se suele utilizar el concepto de resolución de

trama o semitono, definida como la capacidad máxima de imprimir una trama con

diferentes tonos de gris (hasta un máximo de 256). También conocida con el nombre de

lineatura (linescreen) o frecuencia de línea, su unidad de medida son las líneas por

pulgada (lpi). La resolución de trama está relacionada con la capacidad de reproducir las

imágenes simulando sus tonos continuos por medio de líneas de puntos de semitono, y se
obtiene fácilmente dividiendo la resolución máxima de impresión de la máquina en cuestión

por el número de tonos que se quieren obtener.

Una forma común de clasificar las imágenes según su resolución es aquella que las divide en

imágenes de alta resolución (hi-res) e imágenes de baja resolución (low-res). Una imagen de

alta resolución está prevista para la impresión, teniendo generalmente 300 ppp o más. Una

imagen de baja resolución está prevista solamente para su exhibición en pantalla, teniendo

generalmente una resolución de 100 ppp o menos.

A mayor resolución, más píxeles hay en una imagen, más grande es su mapa de bits, mayor

información contiene y mayor capacidad de distinguir los detalles espaciales finos, por lo que

tendrá más definición, permitiendo un mayor detalle, unas transiciones de color más sutiles y

una mayor calidad de reproducción.

Las imágenes de mapas de bits dependen de la resolución a la que han sido creadas, por lo

que al modificar su tamaño pierden calidad visual. Si lo disminuimos, los trazos finos

perderán definición, desapareciendo partes de los mismos, mientras que si lo aumentamos,

la imagen se pixelizará, al tener que cubrirse de forma aproximada píxeles que inicialmente

no existían, produciéndose el conocido efecto de dientes de sierra.

La resolución de una imagen está relacionada con su tamaño, de tal forma que cuando le

asignemos una resolución estaremos asignando un tamaño a los píxeles que la forman, con

lo que sabremos qué tamaño tiene la imagen. Por ejemplo, si una imagen tiene 100 píxeles

por pulgada, querrá decir que cada 2,54 cm. habrá 100 píxeles, con lo que cada píxel

equivaldrá a 2,54 mm. Si dijéramos que esa imagen tiene una resolución de 1 píxel por
pulgada, lo que sabríamos es que ahora cada píxel tendrá un tamaño de 2,54 cm.

Otra consecuencia de la relación resolución-tamaño es que para mantener la calidad de

reproducción, al variar el tamaño de una imagen tamaño, tendremos que variar también su

resolución. En líneas generales, si queremos que mantenga el mismo nivel de calidad hay

que mantener la cantidad de información que posee la imagen (número de bits que ocupa)

cuando modificamos sus dimensiones.

Elección de la resolución

La resolución de una imagen no debe ser nunca mayor que la del medio en el que se va a

publicar, pues supondría un exceso de información que no va a ser utilizada. Si

representamos en un gráfico la relación calidad imagen-resolución para un medio de

publicación determinado, llega un punto en que por mucho que aumentemos la resolución, la

calidad no aumentará, pero sí el peso del fichero y los recursos necesarios.

Las imágenes de alta resolución reproducen generalmente más detalle y transiciones más

sutiles del color que imágenes de baja resolución. Sin embargo, el aumento de la resolución

de una imagen baja resolución separa solamente la información original en un mayor número

de píeles, pero raramente mejora la calidad de la imagen.

Los diferentes medios utilizan diferentes resoluciones, siendo las más comunes las

siguientes:

Medio Resolución de trabajo

Pantalla de
72 ppp
ordenador

Prensa
Normalmente, 90 ppp, aunque puede subir a 300 ppp en
(periodicos,
impresión offset
revistas, etc.)

Diferentes resoluciones, generalmente entre 300 ppp y 600

Impresora
ppp (impresoras laser)

Fotografía Suele emplear imágenes de 800-1500 dpp y mayores

Imprenta Es necesario saber la lineatura de impresión, pues la

resolución de una imagen se corresponde con la lineatura de
impresión en una escala de 2:1 (para imprimir a 150 lpp,
deberemos trabajar las imágenes al doble, 300 ppp. En
fotocomponedoras para impresión se suele trabajar a 1200
ppp

Si estamos trabajando con imágenes destinadas a la impresión, los ficheros gráficos grandes,

con mucha resolución y/o tamaño, tardan más en ser procesados por el RIP (Raster Image

Processor), el procesador de imágenes de un aparato postscript. Cualquier ahorro sensato de

tamaño es algo que redundará en trabajos manejables y menos dados a causar problemas y

retrasos.

Además, la lineatura no es algo que podamos elegir al azar. Aunque las cámaras digitales o

las filmadoras sean capaces de llegar a resoluciones muy altas, el limite de trabajo lo va a

marcar el medio en el que vayamos a imprimir, el método que vayamos a usar para ello y el

dinero que estemos dispuestos a pagar por ello.

Si la imagen está destinada a ser impresa en una impresora de inyección de tinta, habrá que

digitalizar la imagen a una resolución de 300 ppp para que la definición final sea correcta, ya

que ésta es la resolución máxima que suelen dar estos dispositivos.

Si una imagen está destinada a ser visualizada en un monitor de ordenador, hay que tener

en cuenta que la resolución de estos periféricos es de 72 ppp en los aparatos Macintosh y 96

píxeles por pulgada en los PCs con sistemas Windows, por lo que habrá que digitalizarla a

estas resoluciones. Si le damos mayor resolución estaremos desperdiciando recursos, sobre

todo si la imagen está destinada a la web, ya que tardará mucho más en bajarse desde el

servidor sin conseguir ninguna ventaja visual con ello.

Resumiendo: Hay que trabajar siempre en unos niveles de resolución adecuados al medio

en el que se va a usar la imagen. Resoluciones mayores necesitarán unos recursos excesivos

que no son aprovechables.

En el extremo contrario, resoluciones menores que las del medio suelen producir una mala

visualización o impresión, presentando las imágenes el conocido efecto de pixelización o

dientes de sierra.

http://www.desarrolloweb.com/articulos/1755.php