Imágenes

LIBP-0192 (Libro de pautas)

Pautas

TítuloCarácter
PNGRecomendada
GIFRecomendada
JPEGRecomendada

PNG

Utilizar imágenes PNG siempre que sea posible, excepto para imágenes con mucho color y texturas muy pesadas y para animaciones.

Características del formato PNG (Portable Network Graphics):

  • Es un formato gráfico basado en un algoritmo de compresión sin pérdida
  • No está sujeto a patentes
  • Está soportado por la mayoría de navegadores actuales
  • Admite transparencias, aunque no animaciones
  • Permite almacenar hasta 16'7 millones de colores

Fue desarrollado en gran parte para solventar las deficiencias de calidad del formato GIF, permitiendo almacenar imágenes con una mayor profundidad de contraste y color.

Posee dos modos de compresión:

  • Estándar
  • Progresivo: facilita el reconocimiento de la imagen en los primeros instantes de su descarga, ya que va mostrando líneas distribuidas por toda la superficie de la imagen.

GIF

Utilizar imágenes GIF para crear animaciones de hasta 256 colores.

Características de las imágenes en formato GIF (Graphics Interchange Format):

  • Formato de compresión sin pérdida de calidad con imágenes de hasta 256 colores
  • Puede contener entre 2 y 256 colores
  • Utiliza el algoritmo de compresión LZW, que está patentado por Unisys
  • Está soportado por prácticamente todos los navegadores
  • Permite transparencias

Puede utilizarse el GIF entrelazado que, en vez de almacenar las líneas de forma secuencial, se almacenan con saltos de 4 en 4 líneas. Su propósito es que al ser descargada por un navegador que implemente esta característica –la mayoría de los navegadores lo hacen-, se verá la imagen completa desde el principio, comenzando con una definición de muy poca calidad que luego se va refinando poco a poco.

JPEG

Utilizar imágenes JPEG para archivos con gran número de colores y/o texturas complejas.

Características del formato JPEG (Joint Photographic Experts Group):

  • Formato de compresión con pérdida de calidad
  • Posee flexibilidad a la hora de ajustar el grado de compresión: un grado de compresión muy alto generará un archivo de pequeño tamaño, a costa de una pérdida significativa de calidad. Con una tasa de compresión baja se obtiene una calidad de imagen muy parecida a la del original, pero con un tamaño de archivo mayor.
  • Tiene una profundidad de hasta 24 bits, lo que le permite almacenar hasta 16'7 millones de colores
  • No admite transparencia ni animación
  • Soportado por la mayoría de navegadores