Principales Formatos De Imagen Para Web

Principales formatos de imagen para web

Uno de las principales decisiones a la hora de incluir gráficos en tu web será elegir el formato correcto para cada tipo de imagen de manera que logres una correcta relación entre la calidad visual de la misma y su peso en Kb.

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de internet.

GIF (Graphic Image File Format).

Sus características son:

• Número de colores: de 2 a 256 de una paleta de 24 bits.

• Formato de compresión sin pérdida basado en el algoritmo LZW.

• Carga progresiva en el navegador.

• Máscara de trasparencia de 1 bit.

• Permite la animación simple.

• Es el formato más adecuado para aquellas imágenes sencillas, de formas simples y en las que no existe un elevado número de colores.

JPEG (Joint Photographic Experts Group).

Fue diseñado para la compresión de imágenes fotográficas, basándose en el hecho de que el ojo humano no es perfecto y no es capaz de captar toda la información que se puede almacenar en una imagen de 24 bits.

El formato JPEG intenta eliminar la información que el ojo humano no es capaz de distinguir, por eso se dice que posee un formato de compresión con pérdida, porque elimina información.

Las características de este formato son:

• Número de colores: 24 bits color o 8 bits B/N

• Elevado grado de posibilidad de compresión.

• Formato de compresión con pérdida.

• No permite trasparencia, ni canal alfa.

• No permite la animación.

• Por regla general, es el más indicado para aquellas imágenes que son fotografías.

PNG (Portable Network Graphics).

Proporciona un formato compresión de imágenes sin pérdida.

Las características de este formato son:

• Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel.

• Mayor compresión que el formato GIF (+10%)

• Compresión sin pérdida.

• Canal alfa. (Transparencia variable)

• No permite animación.

• El más adecuado para imágenes de elementos renderizados, ya que se logran unos degradados muy suaves y una buena definición de las líneas.

...