1E. Tratamiento y optimización de imágenes para Internet

3. Formatos de imagen para páginas web

3.1. GIF

Características del formato:

  • Compresión sin pérdida (no pierde calidad cuando guardamos).
  • Hasta 256 colores.
  • Permite transparencia.
  • Permite animación (GIF animado).

Para optimizar (reducir peso), reducimos el número de colores (el número de colores que tendrá nuestro GIF). Por eso este formato no es bueno, generalmente, para fotografías, ya que estas suelen muchos colores. Sí es bueno, sin embargo, para imágenes planas, con pocos colores (un logotipo, por ejemplo).

Esta imagen no debería guardarse en GIF, por ejemplo. La primera imagen es un GIF, y pesa casi 48 KB, mientras que la segunda es un JPG, y pesa solo 24 KB, ¡y además se ve mejor! Fijaos en la parte izquierda del cielo... El motivo es que el GIF tiene un máximo de 256 colores. Está claro que no es un buen formato para esta imagen.

GIF JPG

Esta, sin embargo, pesa menos de 2 KB en GIF (primera imagen), y cerca de 7 KB en JPG (segunda imagen), pero el GIF se ve mucho mejor. Es un GIF con solo 6 colores.

GIF (correcto) JPG (incorrecto)