Imágenes

Por qué hay tantos formatos y en qué se diferencian

Fecha última actualización: Enero-2002

Existen innumerables formatos de imágenes. ¿Cuál es la diferencia entre ellos? ¿Cuál es el formato óptimo por calidad y tamaño para cada propósito? ¿Qué programas debemos utilizar para abrir un fichero de imagen?
La siguiente guía pretende contestar a estas preguntas y familiarizarnos con unas imágenes cada vez más usadas en internet y en el trabajo diario.

1. Diferencia entre Imágenes Vectoriales y Mapas de Bits

Existen 2 tipos de imágenes:

RASTER o BITMAPS = Formadas por puntos individuales (píxeles) colocados en una rejilla con una anchura de x píxeles por una altura de y píxeles y una profundidad de z píxeles (la profundidad determina el nº de colores posibles para cada píxel).
Representan el arte de la pantalla.
Tienen dimensiones fijas (el tamaño de su archivo aumenta con el tamaño o resolución de la imagen)
Cuanto más pequeño y menos colores, menos ocupará el archivo
(Ejemplo: una imagen fotográfica).
Estas imágenes se abren en programas específicos de retoque fotográfico: los más famosos: Adobe Photoshop, Corel Photo Paint, Microsoft Photo Editor. Y, sólo para imágenes .BMP, el Microsoft Paint.

VECTORIALES = Descripciones matemáticas de una imagen.
Por tanto son independientes en cuanto a resolución.
Representan el arte de la línea.
Podemos crear estas imágenes en programas como el Corel Draw. Y aunque el Power Point no es un programa diseñado expresamente para ello, también maneja imágenes vectoriales (un círculo en PPT no es más que una serie de datos matemáticos que refieren su color, posición, tamaño y forma).

Existen muchos programas y no todos pueden abrir cualquier formato de imagen.

2 formas de almacenar imágenes Bitmaps:

RGB ó Color Completo o Verdadero
Usan 8 bits (0 a 255) de valores de rojo, verde y azul para formar píxeles de 24 bites
INDEXADAS o Abreviadas
Son imágenes de 256 colores o menos.
Tienen una tableta asociada que define hasta 256 colores.

2. Formatos de imagen:

Gráficos:
BMP	BitMap (Mapa de Bits) Los mapas de bits son un formato de imagen estándar, mientras que la extensión BMP define un tipo de archivos creados por Microsoft. Ocupa mucho espacio, pero se abre en cualquier programa de dibujo.
JPG	JPEG. Intercambio de archivo JPEG Es un fichero de imagen comprimido, así que ocupa muy poco. Al grabar puede elegirse la calidad y el factor de compresión * Es el más usado en Internet como formato de imágenes fotográficas, por su factor de compresión y la calidad de la imagen
GIF	Mapa de Bits CompuServe Ocupa muy poco, pero no admite más de 256 colores. Al grabar puede elegirse un color transparente (fondo transparente) * Es muy usado en Internet como formato de dibujos o fotografías muy pequeñas (una imagen fotográfica grande o de muchos colores perdería calidad) También puede ser animado.
TIF	TIFF. Gran calidad de la imagen pero ocupa una barbaridad
WMF	Windows MetaFile (Metaarchivo de Windows) Formato especial de Windows que se puede convertir en una imagen
Gráficos animados:
AVI	Microsoft Video Ocupa mucho espacio Gran calidad de imagen
GIF	Mapa de Bits CompuServe ocupa poco espacio Las limitaciones de los GIF: colores Según en que programa se abra (si admite animación o no), se vería como un gráfico estático o con movimiento
M3D	Animación realizada desde el programa Corel Motion 3D

3. Los formatos más usados

GIF (Graphic Interchange Format (Formato de intercambio de gráficos))

Maneja imágenes de hasta 8 bites (256 colores)
No pierde nada en la compresión (por el algorismo de compresión (receta) que usa: LZW)
Formato recomendado en general para todas las imágenes salvo las fotográficas (sí si son pequeñas)

Posibilidades con este formato:

Entrelazado:
Normalmente los GIF almacenan los píxeles empezando por la parte superior de la imagen hasta la inferior.
Una imagen Entrelazada los almacena en orden lineal. Estas imágenes llegan al navegador en bloques separados por la misma distancia; así los cibernautas pueden ver un adelanto de la imagen, que se completa en tres partes.
Estas imágenes ocupan un poco más.

Transparencia:
Se puede asignar 1 color transparente.
¡Algunos navegadores encuentran problemas al usar el Entrelazado y Transparencia juntos!

Animación:
El formato GIF puede fusionar múltiples imágenes GIF en un solo archivo para conseguir animación.
2 opciones de visualización: animación continua o efecto diapositiva
Cómo crearlas:
- Hacer todas las imágenes (formato BMP u otro)
- Ejecutarlas en el programa de creación de GIFs animados
- El programa reducirá los colores a una paleta común, las empaquetará como GIF, y atará todo en un solo GIF animado
- Puede elegirse: Bucles (finitos o infinitos), y Demoras entre frames

JPEG (Joing Photographic Experts Group (Grupo de conjunto de expertos fotográficos)

Es la mejor forma de comprimir imágenes fotográficas
No funcioma muy bien con imágenes pequeñas o arte de línea

Compresión:
La compresión de JPEG es un proceso de pérdidas: separa la información de brillo de los matices del color. Guarda una copia buena de la versión de blanco y negro de la imagen, quita la mayoría de las diferencias de color sutiles que nosotros no podemos apreciar.
En vez de comprimir línea por línea (como GIF), JPG divide por zonas.

Recomendaciones para la compresión:
Cada vez que grabamos un JPEG perdemos más calidad.
JPEG permite elegir tanto el factor de compresión como la calidad.
Unsharp Masking à Afina la imagen y aumenta el tamaño del fichero
Gaussian Blur –Z Lo hace más pequeño.
Recomendación: no usar JPEG, sino GIF, para imágenes inferiores a 100x100 ppp.
Empezar grabando con la mayor calidad y menor compresión, e ir reduciendo poco a poco hasta que veamos que no es posible comprimir más sin perder la calidad.

PNG (Portable Network Graphics (Gráficos de red transportables))

Es un nuevo formato creado específicamente para Internet, y que incluye las ventajas de GIF y de JPEG.

Características:
- Compresión basada en LZW: sin perdida de información
- Color indexado (paletas de color i. o abreviadas) o con datos de color real (24bits)
- Control de transparencia: permite definir áreas de diferentes grados de transparencia, como una escala de grises
- Método de carga entrelazado, como GIF, pero bidimensional (vertical y horizontal)
- No consigue animaciones
- No comprime tanto como JPG, que sigue siendo mejor para comprimir imágenes con una compleja gama de color: está más pensado para sustituir a GIF que a JPEG

4. Ejemplo de la diferencia entre JPEG o GIF

	JPG
	GIF animado y con transparencia
	Formato: JPG, calidad máxima. Tamaño: 65,7Kb Colores: 24 bits (millones)
	Formato: JPG, calidad media. Tamaño: 3,7Kb Colores: 24 bits (millones)
	GIF. Tamaño: 12,3 Kb. Colores: 128