Desarrollo: Imágenes: Formatos

Formato GIF

Apropiado para logotipos y además arte gráfica, para imágenes con colores sólidos y continuos (especialmente para imágenes con bordes definidos, texto o un dibujo). La compresión está basada en el algoritmo de compresión LZW, la cual comprime la información de la imagen sin pérdida de información. Este formato soporta un máximo de 256 colores.

Un GIF puede ser transparente; la transparencia permite crear imágenes que comparten el mismo color de fondo de la página, simulando una apariencia no rectangular.

Formato JPEG

Apropiado para imágenes complejas o para fotografías, ya que es bueno para trabajar con imágenes con múltiples patrones y contrastes. JPEG comprime y destruye parte de la información de la imagen. Soporta hasta 24 bits de colores, posee un alto grado de compresión, aunque no permite transparencias.

Teniendo en cuenta todo esto, no es bueno convertir un GIF a JPEG o viceversa. Se pierde gran parte de la calidad de imagen, además puede ocupar más espacio(en KB) que en el formato anterior.

Estos formatos gráficos cuentan con ciertas variaciones que permiten agilizar la visualización de sus contenidos hasta hacer simples animaciones. Ellos son:

- Los GIF intercalados que cargan las imágenes acrecentando el nivel de detalle: comienzan por verse borrosas y van tomando formando hasta que se completan; esto sirve para la espera por los gráficos de la página no sea ardua.

- Los JFEG progresivos, funcionan de manera similar a los GIF intercalados: primero muestran una imagen de baja resolución que luego se va completando con una alta resolución; esta clase de formato JPEG es bastante nueva, por lo que no todos los navegadores la soportan.

- Los GIF animados conocidos también como GIF89a; este formato permite crear simples animaciones que dan un impacto especial y atraen la atención de los visitantes. Los GIFs animados están soportados por la gran mayoría de los navegadores, además debemos tener en cuenta que ocupan un mayor número de byte.

Un aspecto muy importante a tener en cuenta es el tamaño de las imágenes, pues una imagen grande supone un fichero grande, y esto puede resultar en un tiempo excesivo de carga, con el consiguiente riesgo de que quien esté intentando cargar nuestra página se canse de esperar, y desista de ello. Además las imágenes incrustadas en páginas Web son en partes responsables de los cuellos de botellas existentes en laWWW.

Algo bueno relacionado con el HTML es incluir en el tag <IMG> los parámetros WIDTH y HEIGHT, es decir el alto y el ancho de la imagen. Por defecto, HTML toma las dimensiones reales de la imagen. Pero si incluimos estos valores la página HTML se presentará mucho más rápido en pantalla(el texto) mientras se acaban de transmitir las imágenes.