Mundo Web
manuales - recursos - gráficos - programación...

Home - HTML - Imágenes en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11

Imágenes en HTML (VII)
por Luciano Moreno, del departamento de diseño web de BJS Software.


Formatos gráficos. Otros formatos.-

Los formatos gráficos GIF y JPG son sin duda los más usados en las páginas web, pero no son todos los que podemos usar, habiendo otros que, aunque poco usados y conocidos, sí que podemos disponer de ellos en nuestras páginas.

ejemplo de formato BMP Uno de estos es el formato BMP , desarrollado e impulsado por Microsoft, propietario del mismo. BMP es una abreviatura de Windows BitMaP (Mapa de Bits de Windows), y en realidad una imagen en este formato es símplemente eso: una sucesión de puntos coloreados guardados cada uno independientemente. Esto le convierte en el formato gráfico más simple que existe.

Al ser un formato gráfico propiedad de Microsoft sólo el navegador Internet Explorer lo soporta. Si abrimos esta página con Nestcape Navigator 4x, en lugar de la imagen lateral derecha veremos un rectángulo reservado para ella, con una indicación de error. Y si la abrimos con Nestcape 6x no veremos siquiera eso, sólo un espacio vacío donde debiera estar la imagen. Esto es debido a que Nestcape no soporta el tipo MIME BMP en ninguna de sus versiones. Por este motivo no conviene usar este tipo de gráficos en nuestras páginas.

Entre sus ventajas destacamos el ser un formato extremadamente simple y el permitir el tratamiento dinámico de imágenes en el servidor web mediante lenguajes de script, y entre sus desventajas el ser sólo compatible con Internet Explorer y el grán peso en Ks de las imágenes guardadas en este formato.

Otro formato gráfico que podemos encontrarnos es el PNG (Portable Network Graphics). Es este un formato especialmente concebido para su uso en Internet, y con él se ha pretendido obtener un sistema de compresión como el que usa el formato GIF pero de código libre (recordemos que el sistema de copresión del formato GIF está patentado por CompuServe, actualmente propiedad de America Online). Las principales ventajas de este nuevo formato son:

ejemplo de formato PNG 1) Permite no sólo hacer transparente un color de una imágen, si no que amplía esta característica ofreciendo la posibilidad de poder controlar el grado de transparencia (lo que en programas gráficos como Photoshop se conoce con el nombre de grado de opacidad).

2) Combina la posibilidad de asociar a un fichero gráfico una paleta de color con la posibilidada de guardar imágenes com millones de colores (color real). Por lo tanto, se ha pretendido con él asociar las ventajas de los formatos GIF y JPG.

3) Soporta las imágenes entrelazadas, procesando estas con mayor velocidad que el formato GIF.

4) Permite realizar correciones gamma, mediante las cuales podemos controlar el brillo de la imagen.

5) Es soportado tanto por Internet Explorer como por Nestcape Navigator 4x y superiores.

Como desventajas decir que no soporta las imágenes animadas y que su uso no está aún muy extendido, aunque los principales programas gráficos permiten trabajar con él.

 

Para terminar, vamos a establecer una comparativa entre los distintos formatos, comparando calidad obtenida y peso en Ks. Primero con una imagen con muchos colores y gradaciones:

formato GIF formato JPG formato BMP formato PNG
GIF - 16,6 K JPG - 15,8 K BMP - 132 K PNG - 25,6 K

donde vemos que la mejos calidad y el menor peso en este tipo de imágenes corresponde al formato JPG. Observad el excesivo peso del formato BMP.

En cuanto a imágenes con pocos colores y gradaciones, podemos apreciar:

formato GIF formato JPG formato BMP formato PNG
GIF - 1,1 K JPG - 1,6 K BMP - 3,9 K PNG - 1,8 K

En este caso es el formato GIF el que da menos peso, con una calidad más que aceptable, mientras que el formato BMP sigue siendo el más pesado, sin aumento de calidad apreciable.

 

anterior
siguiente

Home - HTML - Imágenes en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11