Compresión vs calidadcuando tratamos con imágenes que serán publicadas en la web, uno de los principales aspectos a tomar en cuenta es el formato de la imagen. debido a que como diseñadores no podemos controlar la velocidad de conexión que nuestros visitantes usaran se vuelve de una gran importancia el optimizar las imágenes al máximo, pero también existen otros factores a tomar en cuenta y es de imagen en imagen que vamos evaluando cual de los formatos disponibles nos conviene utilizar.
los formatos disponibles son: JPG, PNG, GIF y contrario a lo que microsoft dice .BMP no es un formato estándar y para nada recomiendo su uso en paginas web, por su deficiente capacidad de compresión.
JPEG: viene de la abreviatura de
Joint Photographic Experts Group quienes han creado el estándar desde hace mucho tiempo atrás, el grupo fue organizado alrededor de 1986, desarrollando los primeros estándares en 1992, el cual fue aprobado en septiembre del mismo año, es un método usado comúnmente para comprimir imágenes fotográficas, que tienen suaves transiciones de color, es fuertemente utilizado por camaras digitales, el nivel de compresión puede ser configurado permitiendo reducir dramáticamente los tamaños de archivos a costas de perder la calidad, hay que tomar en cuenta que aumentar demasiado la compresión conlleva a la aparición de los artefactos jpg
imagen propiedad wikipediaEstos artefactos son generados por el tipo de compresión que utiliza el jpg conocida como compresión Lossy donde lo que obtenemos es perdida de información, la información de color de la imagen se ve reducida, por lo tanto este formato de imagen es estrictamente recomendado para uso exclusivo de la WEB y no de impresión ya que esa perdida de información afectaría la calidad de impresión.
GIF:el nombre viene por sus siglas, Graphics Interchange Format, formato introducido en 1987 por
Compuserve el cual ha sido fuertemente adoptado en la web debido a su flexibilidad de soporte y tamaño.
Con una capacidad de desplegar desde 2 colores hasta 256 colores, no se vuelve muy adecuado para fotografías o imágenes de tonos continuos, sin embargo toma mucha importancia en imágenes, simples de pocos colores como logos, o gráficas con colores sólidos.
las imagenes GIF usan compresion Lossles
LZW, y es su profundidad de color la que permite, tamaños de archivo tan reducidos y no hay sacrificio alguno de información dentro de esta compresión.
Ejemplo de GIF animado, propiedad de Wikipediauna característica, que hizo sumamente popular las imágenes gif ademas de la posibilidad de animación, ha sido la capacidad de tener transparencia, pero su punto fuerte, ha sido el amplio soporte por parte de los navegadores Web lo que lo ha convertido en la elección mas acertada para gráficos simples en la WEB, no es que sea superior a PNG, pero en los inicios de la WEB el poco soporte de parte de PNG no lo hacían una opción competitiva.
Uno de los problemas a los que el formato se enfrento es a que el algoritmo de compresión LZW fue
protegido por una patente hecha por la compañía Unisys
PNG:el nacimiento de PNG, por sus siglas (Portable Network Graphics) fue luego de que surgiera el problema de patentes alrededor del algoritmo de compresión LZW, y su principal propósito ha sido reemplazar las imágenes GIF, es un formato extensible para almacenamiento portátil con compresión Lossles sin perdida de calidad, se convirtió en una alternativa libre de patentes.
Su soporte va desde colores con 1 bit de profundidad hasta 16 bits, y una de las características mas sobresalientes ha sido la capacidad de tener transparencia alfa, las que permiten presentar transparencias variables, ademas de haber mejorado y superado la calidad de las transparencias que presentaban los GIFs.
PNG y la animación: aunque el formato GIF se caracterizaba por ser capaz de presentar animaciones, se deicidio que PNG seria un formato de imagen estática, para animaciones se desarrollo un formato derivado, conocido como MNG(Multi-image Network Graphic) sin embargo este formato aun no es amplia mente soportado.
la version 1.0 de PNG se convirtió en un formato recomendado por la W3C el 1 de octubre de 1996 y actualmente es soportado por la mayoría de navegadores recientes, el principal navegador que tiene un porcentaje de usuarios considerable y que no soporta PNG es IE6, para el cual se acostumbra sustituir las imágenes PNG por GIF usando IECC(Internet Explorer Conditional Comments)
Imagen de muestra de transparecias alfa. Propiedad de wikipediaLecturas Recomendadas:
Compresión de imagen (en ingles).
Estos estan en ingles y español: Compresión LossyCompresión Lossles.SVG, Scalable Vector Graphics.W3C SVG.