0%
Inicio 9 Glossary Item 9 PNG
« Back to Glossary Index

(Formatos de Imagen)

Nivel Principiante

Imagina que quieres un logo para tu página web. A diferencia de una foto, un logo a veces tiene que tener un fondo transparente para que se vea bien en cualquier lugar. El PNG es un tipo de archivo de imagen perfecto para eso. Es como un archivo de foto que puede tener partes invisibles. Además, no pierde calidad cada vez que lo guardas, lo que lo hace ideal para gráficos, logotipos e iconos, que necesitan verse perfectos.

Nivel Intermedio

PNG (Portable Network Graphics) es un formato de archivo de imagen con un algoritmo de compresión sin pérdidas. Fue creado como una alternativa mejorada y libre de patentes al formato GIF. A diferencia de JPEG, que está optimizado para fotografías con muchos colores, PNG es ideal para imágenes con áreas de color plano, texto, gráficos y logotipos. Su principal característica es el soporte para transparencia, lo que lo ha convertido en el formato estándar para imágenes con fondos transparentes en la web.

Las principales ventajas de utilizar PNG son:

  • Compresión sin Pérdidas: La calidad de la imagen no se degrada, sin importar cuántas veces se guarde o se edite.
  • Transparencia (Canal Alfa): Permite que partes de la imagen sean completamente transparentes o semitransparentes.
  • Ideal para Gráficos y Textos: Mantiene la nitidez de las líneas y los bordes, lo que lo hace perfecto para gráficos e iconos.

Nivel Avanzado

Técnicamente, el formato PNG utiliza un algoritmo de compresión sin pérdidas basado en el método de compresión Deflate. El proceso de compresión de una imagen PNG incluye varios pasos:

  1. Filtrado (Filtering): Antes de la compresión, se aplica un filtro a los datos de la imagen para hacer que el patrón de los píxeles sea más predecible. Esto mejora la eficiencia de la compresión. Hay cinco tipos de filtros, y la elección de uno u otro puede influir en la tasa de compresión final.
  2. Compresión Deflate: Los datos filtrados se comprimen utilizando el algoritmo Deflate, que es una combinación del algoritmo de codificación de Huffman y la codificación de longitud de secuencia (LZ77). Este algoritmo comprime los datos de forma reversible, lo que garantiza que no se pierda información.
  3. Soporte para Transparencia: El canal alfa es un componente clave de PNG. Es un byte adicional por píxel que define el nivel de transparencia. Un valor de 0 significa que el píxel es completamente transparente, mientras que un valor de 255 significa que es completamente opaco.

Hay diferentes versiones de PNG, como PNG-8 (con una paleta de 256 colores, similar a GIF) y PNG-24 (con un soporte de 16 millones de colores). Aunque PNG es un formato muy versátil, su principal desventaja es el tamaño de archivo, que a menudo es mucho mayor que el de formatos modernos como WebP o AVIF. Por eso, es una buena práctica usar PNG para gráficos que requieren transparencia y utilizar otros formatos más eficientes para fotografías.

« Volver al índice del glosario