Por qué los archivos PNG pesan tanto
PNG es sin pérdida: cada píxel se guarda exactamente, y el único ahorro viene de un compresor de uso general parecido a ZIP. Un PNG típico salido de una herramienta de capturas o de una aplicación de diseño se guarda en color verdadero con canal alfa, es decir, 4 bytes por píxel antes de comprimir. Una captura de 1920×1080 son unos 8 MB de datos de píxeles en bruto, y aun después de comprimirla suele quedarse entre 1 y 3 MB.
La mayor parte de esa información no se usa. Una captura de una página web puede contener unos pocos cientos de colores distintos. Un logotipo puede tener una docena, más los tonos suavizados de sus bordes. Guardar cada píxel como un valor completo de 32 bits es excesivo para ese tipo de imagen, y ese es el margen que aprovecha esta herramienta.
Cómo funciona la cuantización a paleta
En lugar de guardar un color por píxel, un PNG indexado mantiene una paleta de hasta 256 colores y guarda cada píxel como un solo byte que apunta a ella. El trabajo está en elegir la paleta. La herramienta divide repetidamente los colores de la imagen en grupos en la dirección en la que más se diferencian, hasta tener tantos grupos como indica el nivel elegido, y luego usa la media de cada grupo como entrada de la paleta. Después, cada píxel se asigna a su entrada más cercana.
La transparencia forma parte del mismo proceso: cada entrada de la paleta lleva su propio valor alfa, así que una sombra suave o un borde suavizado sobre un fondo transparente se conservan como varios colores semitransparentes de la paleta, no como un recorte duro.
Los tres botones fijan el tamaño de la paleta:
- Alta · 256: el máximo de colores que admite un PNG con paleta. Iconos, logotipos, capturas de interfaces y diagramas suelen verse idénticos al original.
- Media · 128: sigue quedando limpio en gráficos planos e ilustraciones con pocos colores. Vale la pena probarlo con capturas de interfaces.
- Baja · 64: para gráficos sencillos como diagramas de barras, dibujos de líneas e iconos con pocos colores. Los degradados sutiles empiezan a mostrar escalones.
Después, la imagen se escribe con la compresión estándar de PNG y mantiene su nombre de archivo original.
Imágenes con las que funciona y con las que no
La cuantización da lo mejor de sí con contenido creado digitalmente:
- Capturas de aplicaciones y sitios web, sobre todo las que tienen grandes zonas planas.
- Logotipos, iconos e insignias con transparencia.
- Gráficos, diagramas, mapas y maquetas de interfaz.
- Pixel art, que a menudo sobrevive intacto incluso al ajuste Baja.
Le cuestan los degradados suaves y las fotografías. La herramienta asigna cada píxel a su color de paleta más cercano sin tramado (dithering), así que un cielo o una viñeta suave que necesitan miles de tonos se convierten en bandas visibles. Para las fotos, un formato con pérdida funciona mejor: pásalas por PNG a JPG si no necesitas transparencia, o conserva la transparencia con PNG a WebP.
Comprobar el resultado
Cada fila muestra el tamaño original y el nuevo uno junto al otro. Si la cuantización no consigue reducir un archivo, la herramienta devuelve el original intacto y la fila indica que se ha conservado el original. Ocurre con PNG que ya estaban indexados o muy optimizados por otra herramienta, y con imágenes llenas de ruido fino.
Para valorar la calidad, abre el original y el resultado uno junto al otro en comparar imágenes y arrastra el control por los degradados y los bordes. Si ves bandas, sube un nivel; si Media se ve igual que Alta, quédate con el archivo más pequeño.
Notas prácticas
- Los bloques de texto y metadatos del original, como el programa que lo creó o los comentarios incrustados, no se conservan, porque la imagen se decodifica y se escribe de nuevo. Un archivo devuelto sin cambios porque no se pudo hacer más pequeño sí los mantiene.
- Solo se aceptan archivos PNG. Funcionan archivos de hasta 50 MB cada uno, pero las imágenes muy grandes tardan más: hay que analizar cada píxel para construir la paleta, así que un PNG de 6000×4000 puede tardar bastante más que una captura de pantalla.
- El procesamiento ocurre en un worker en segundo plano de tu navegador cuando es compatible. No se sube nada, y un lote se puede descargar en un único ZIP.
- Reducir antes las dimensiones suele importar más que la paleta. Una captura retina a 2× redimensionada a su tamaño de visualización tiene una cuarta parte de los píxeles antes incluso de empezar la cuantización.