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

3. Formatos de imagen para páginas web

3.3. PNG

Características del formato:

Hay dos tipos de PNG:PNG-8 y PNG-24.

  • Compresión sin pérdida (ambos tipos de PNG).
  • Hasta 256 colores (PNG-8).
  • Color verdadero (PNG-24).
  • Ambos permiten 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 muy antiguos que todavía se siguen usando (Internet Explorer 6, por ejemplo, no mostraba 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.