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 investigadores en internet. GIF (Graphic Imagen Fila Formato).
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 Expertos Grupo).
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 el 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.
Algunos ejemplos de las imágenes:
Jpg con 20% de compresión.
6Kb |
|
Gif con 256 colores.
13 Kb |
|
|
|
El formato png es el que más calidad nos ofrece, sin embargo, la opción Jpg parece la más adecuada por su relación calidad peso, será una decisión que debermos tomar sobre todo en función de la importancia de la imágen o el detalle que sea necesario mostrar.
Para ver mejor la diferencia en la calidad de las imágenes a continuación os muestro un detalle de ampliación realizada sobre las imágenes anteriores. |
Jpg con 20% de compresión.
4 Kb |
|
Gif con 256 colores.
10 Kb |
|
|
|
| En la ampliación, podemos ver como el formato PNG mantiene mucha más calidad que el resto, esto sucecerá siempre que trabajemos con imágenes con degradados muy suaves y líneas muy bien definidas. |
