Formatos Gráficos

Existen Multitud de formatos gráficos en el mercado. Cada uno de ellos tiene una sere de características que lo hacen mejor o peor para un trabajo concreto.

Nosotros vamos a ver los formatos orientados a la web.

Pese a que muchos navegadores reconocen distintos formatos, solo existen tres que estén lo suficientemente generalizados y que sean lo suficientemente eficientes para ser usados en las páginas web. Estos tres formatos son el JPEG, el GIF y el PNG. Veamoslos con más detalle:

---

El formato JPEG

Esre formato fué elaborado por el Joint Photographic Experts Group (Algo así como "Grupo de Expertos Fotográficos Unidos"), de cuyas siglas deriva su nombre. Se trata de un formato abierto, cuyos derechos son libres, y que puede ser usado o implementado en un programa (tanto para reconocerlo como para editarlo o guardar archivos en él) libremente, sin tener que pagar derechos por ello a nadie.

El formato JPEG (que suele usar nombres de archivo con las extensiones *.JPEG o *.JPG) nació como una respuesta a las limitaciones de otros formatos, entre ellos el GIF, en cuanto a calidad y tamaño de archivos.

JPEG es un formato de compresión con pérdida, esto quiere decir que, al guardar una imagen en este formato, algo de la información que contiene esa imagen se reduce, es decir, esta pierde un poco de calidad, aunque, generalmente, esta pérdida de calidad es imperceptible al ojo humano. Con ello se consigue reducir el tamaño del archivo y, por tanto, mejorar la velocidad de bajada de tus páginas web.

Por otro lado, el formato JPEG permite elegir el nivel de compresión que queremos asignar a un archivo, de modo que podamos decidir qué punto deseamos entre una mayor calidad de imagen (y, por tanto, un mayor tamaño de archivo) y una imagen de baja calidad (con un menor tamaño de archivo). El sistema de compresión que usa JPEG se basa en reducir informacion promediandola en las zonas de degradado. A grandes rasgos, esto quiere decir que se calcula el valor de color de algunos pixels en función del color de los pixels que les rodean. Debido a ello, este formato es muy eficiente a la hora de almacenar imágenes que posean muchos degradados y matices de color, mientras que es casi inútil cuando se enfrenta a dibujos con grandes extensiones de colores planos y uniformes o con bordes muy definidos.

Para que te hagas una idea de la compresión de JPEG, veamos estos tres ejemplos:

JPEG de calidad máxima JPEG de calidad máxima (40.70 Kb)

JPEG de calidad media JPEG de calidad media (6.05 Kb)

JPEG de calidad mínima JPEG de calidad mínima (2.52 Kb)

Como puedes ver, de la primera a la segunda imagen no hay casi una diferencia perceptible (a espcepción del tamaño en Kb), pero en la última si se nota una pérdida de calidad.

Si a lo anterior unimos que tiene una profundidad de color (número de colores que puede representar) de 24 bits (algo más de 16 millones de colores), veremos que JPEG es ideal a la hora de mostrar fotografías o imágenes de ese tipo.

JPEG permite también guardar los archivos en modo "progresivo", lo que hará que, a la hora de mostrar la imagen por pantalla, se pueda ver (aunque aún no se haya cargado completamente) con menor calidad. Calidad que irá mejorando a medida que se cargue la imagen hasta obtenerla completamente. Con ello conseguimos que no sea necesario que el navegante se aburra esperando a que se baje la imagen completamente para ver qué demonios has dibujado ahí.

Para terminar, el formato JPEG permite almacenar en el gráfico algo de información en texto (para, por ejemplo, indicar el autor, copyritght, etc.) y una copia de tamaño reducido de la imagen, para ser usada por programas de visualización o edición. Pero estas son características que no nos sirven a la hora de hacer páginas web y, además, hacen que el archivo final sea mayor, de modo que las evitaremos en nuestras imágenes.

Puedes encontrar más información sobre este formato en la página oficial del JPEG.

---

El formato GIF

El formato GIF de Compuserve, pese a estar (como veremos luego) en el centro de más de una polémica, probablemente sea el más utilizado de la Web.

GIF son las iniciales de Graphic Interchange Format (que significa, mas o menos, Formato de Intercambio de Gráficos). Se trata de un formato de "Mapa de Bits" (como, por ejemplo, lo son el BMP o el PCX) que significa que, en cada imagen, hay una tabla que indica los colores que se representarán en la imagen, a los que luego se referencia desde la imagen en sí. GIF tiene una profundidad de color m$aacute;xima de 8 bits, lo que da un tope

...