Ver el contenido del capítulo

Tratamiento y optimización de imágenes para Internet

PNG

Características del formato:

  • Compresión sin pérdida.
  • Hasta 256 colores (PNG-8).
  • Color verdadero (PNG-24).
  • Permite transparencia. El PNG-24 permite además transparencias con valores intermedios (opacidad). El PNG-8, en este sentido, es como un GIF: un píxel es transparente u opaco; no hay término medio.
  • Animación: existe una extensión al formato que permite las animaciones. Hasta el momento, sin embargo, se siguen utilizando de forma masiva los GIF animados.

A continuación, tres imágenes PNG. La primera es un PNG-24; la segunda y la tercera son PNG-8. Como vemos, la primera tiene color verdadero, y su transparencia es perfecta. La segunda y la tercera tienen un número de colores limitado (256), y su transparencia es diferente (no admite valores intermedios: un píxel, o es transparente o es opaco). Esto lo vemos más claramente en la tercera imagen, cuyos bordes son negros, no del color del fondo de la página.

PNG-24 PNG-8 con mate correcto PNG-8 con mate negro

PNG es menos conocido, pero cada vez más utilizado. Uno de sus principales problemas era la incompatibilidad con algunos navegadores antiguos y todavía bastante extendidos (Internet Explorer 6, por ejemplo, no muestra correctamente las transparencias de los archivos PNG).

Con la llegada navegadores más modernos, la utilización de imágenes PNG es cada vez más común.

La compresión de PNG es mejor que la de GIF.


Tratamiento y optimización de imágenes para Internet - CC by-nc-sa

Ir al índice