Multimedia en el Web: Formatos de dato y contextos de uso - Formatos de imagen

Los formatos digitales de imágenes se dividen en vectoriales y bitmapped.

El formato vectorial para el web de preferencia es SVG. SVG es un formato que soporta formas vectoriales bidimensionales, texto y bitmaps. También se pueden poner eventos a los elementos, puesto que su tratamiento es tipo DOM igual que un documento XHTML. Su soporte por parte de los browsers no es muy amplio todavía, sino que es mediante plugins.

Una imágen digital bitmapped es una imágen que ha pasado por un proceso de conversión, para que pueda ser almacenada en forma de bits en un computador.

La unidad mínima de una imágen digital es un pixel, que es un pequeño punto; la menor unidad de medida de una pantalla. Mientras más puntos tenga una imágen, mayor será su detalle.

La resolución de pantalla mide el número de pixeles a lo ancho y alto de la pantalla. Mientras más pixeles, mejor calidad.

La resolución de colores describe el número de colores que pueden ser simultáneamente vistos en la pantalla al mismo tiempo. Un mayor número de colores produce imágenes que se ven más reales, pero al mismo tiempo aumente el espacio que ocupa la imágen en el disco. Típicamente, un sistema puede mostrar 16, 256 o 16.000.000 de colores, dependiendo del tipo de computador y su tarjeta de video.

Veamos los formatos de imágen bitmapped más usados:

JPEG (Joint Photographic Experts Group)

Este es un formato estandarizado que permite compresión de imágenes. JPEG se diseño con el fin de poder comprimir imágenes a todo color o en escalas de grises que representaran fotografías o imágenes del mundo real. Funciona muy bienen fotografías, arte naturalístico, pero no tan bien en caricaturas o dibujos simples.

Las imágenes JPEG (de extensión JPEG o JPG) son más pequeñas que los GIF y por lo tanto mejores para su uso en el Web. Sin embargo, cuando se trata de imágenes simples o de pocos colores, con el formato GIF se consigue un resultado que mantendrá los colores "puros" del original de manera más acertada.

GIF (Graphic Interchange Format)

El formato GIF fue desarrollado por CompuServe para proveer de un formato estándard que fuera independiente del tipo de máquina que se usara. El formato GIF está limitado a un máximo de 256 colores lo que es bastante razonable dado que la mayoría de los display de PC tienen 256 colores como máximo.

En general se recomiendan para las imágenes simples. Para los fondos texturizados no son muy útiles puesto que al tener pocos colores disponibles el computador que las recibe intenta encontrar el color más cercano, produciéndose distorsiones que impiden que el texto sea visto en forma adecuada.

Diferencias entre GIF, JPG y PNG

• Paleta de colores (JPG: siempre es rgb, GIF: paleta de colores, PNG: paleta de colores)
• Compresión (JPG: con pérdida, GIF: sin pérdida, PNG: sin pérdida)
• Transparencia (JPG: sin transparencia, GIF: color de transparencia, PNG: canal alfa)
• Licencia (JPG: gpl, GIF: compuserve, PNG: gpl)
• Interlacing (JPG: completa, GIF: horizontal, PNG: completa)
• Animación (JPG: no, GIF: sí, PNG: no)
• Corrección gamma (JPG: no, GIF: no, PNG: sí)

(JPG se pronuncia "jotapejé", GIF se pronuncia "guif", y PNG se pronuncia "ping")