Formatos gráficos y gestión de ficheros. Comparativa de formatos

Se comparan los diferentes tipos de formatos anteriormente explicados.

05/5/05 - Disponiendo de diferentes formatos gráficos para incluir en nuestras páginas web, cabe preguntarse cuál de ellos es el más apropiado. La respuesta a esta pregunta no es simple ni única, ya que depende de qué tipo de imagen contenga el fichero.

Los formatos de mapa de bits más usados son JPEG (.jpg), GIF (.gif) y PNG (.png). Si comparamos la calidad obtenida por cada uno de ellos y el peso del fichero resultante en el caso de una imagen con muchos colores y gradaciones, como una fotografía, los resultados son los siguientes:

GIF - 16,6 K

JPG - 15,8 K

BMP - 132 K

PNG - 25,6 K

Vemos que la mejor calidad y el menor peso en este tipo de imágenes corresponde al formato JPEG. Le sigue en peso el formato GIF, aunque la calidad de la imagen en muy baja, debido a que este formato sólo puede trabajar con 256 colores. El formato PNG da buena calidad, pero un peso mucho mayor, mientras que el formato BMP da un peso enorme, lo que lo hace poco recomendable para la web.

Si ahora cogemos una imagen con pocos colores y gradaciones, los resultados cambian:


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. El formato JPEG da buenos resultados también, pero presenta varios inconvenientes en este tipo de imágenes, sobre todo si llevan textos, ya que crea difuminados alrededor de los mismos que desmejoran la imagen. Por su parte, PNG da mayores pesos, que aumentan en relación al número de colores de la imagen y al tamaño de la misma.

En cuanto a gráficos vectoriales, disponemos para su uso en la web de los formatos SWF y SVG.

Sin lugar a dudas, actualmente el premio se lo lleva SWF, entre otras cosas porque se ha hecho muy popular, es soportado por los navegadores más importantes, almacena imágenes de alta calidad en ficheros de poco peso y permite presentar en las páginas web vistosas y útiles animaciones interactivas, que en las últimas versiones del formato permiten la implementación de formularios, la interacción con código de servidor y el uso del lenguaje XML.

En cuanto a SVG, actualmente se encuentra en fase de desarrollo y sus aplicaciones reales a la web quedan muy limitadas por factores como el escaso soporte por parte de los navegadores y la necesidad de instalación de un plugin no muy conocido que ocupa mucho espacio (sobre 4 Mb). Sin embargo, es un formato recomendado por el W3C como futuro estándar para gráficos vectoriales destinados a la web, permite crear animaciones interactivas y presenta una total integración con XML, por lo que es de esperar que en un futuro no muy lejano sea una verdadera alternativa libre al formato SWF (que es propiedad de Macromedia, dueña absoluta por ahora de su desarrollo).

+ 1 manual relacionado
+ 1 categoria relacionada

Autoría, licencia y acciones sobre este artículo

Informe de Luciano Moreno* Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabillidad y diseño centrado en el usuario. URL: http://www.htmlweb.net/ Atención: Contenido exclusivo de DesarrolloWeb.com y HTMLWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

+ Entrar en Guias de diseño

Comentarios de los visitantes

Añadir un comentario del artículo Aun no hemos recibido comentarios de este artículo. Puedes ser el primero en enviar tu comentario.

Enlaces:

Maestrosdelweb

  Ir arriba