Para comprimir PNG de forma eficaz en 2026, usa oxipng para optimización sin pérdida (cero pérdida de calidad) o pngquant para cuantización con pérdida (reducción del 60–80% con un impacto apenas perceptible). Herramientas de navegador como ToolTea gestionan tareas rápidas en local mediante WebAssembly, mientras que las herramientas CLI automatizan el procesamiento masivo en pipelines de desarrollo.
Sin pérdida frente a con pérdida: ¿qué método para cada archivo?
| Método | Herramienta | Cómo funciona | Ideal para | Ahorro típico |
|---|---|---|---|---|
| Sin pérdida | oxipng | Recodifica DEFLATE, elimina metadatos | Logos, capturas de texto, iconos | 15–40% |
| Cuantización con pérdida | pngquant | Reduce la paleta de colores (32-bit → 8-bit) | Ilustraciones, fotos, elementos de UI | 60–80% |
Sin pérdida es como reorganizar una maleta sin tirar nada: cada píxel se mantiene idéntico. La cuantización con pérdida realmente elimina datos al limitar los colores únicos, pero el ojo humano rara vez lo nota.
Pixotter compartió un caso de estudio: una captura de UI pasó de 1.2MB a 480KB al 80% de calidad — prácticamente indistinguible del original.
Ambos métodos conservan el canal alfa. A diferencia de JPEG, PNG mantiene la transparencia intacta incluso tras una compresión agresiva.
Compresión en el navegador: rápida y privada
Para tareas diarias, las herramientas de navegador son las más rápidas — y mantienen tus datos privados.
ToolTea procesa las imágenes en local usando WebAssembly, lo que significa que los archivos nunca salen de tu equipo:
- Subir — Arrastra PNGs o un archivo ZIP al navegador
- Elegir estrategia — “Sin pérdida” para resultados perfectos a nivel de píxel, o un número de colores concreto (p. ej., 256) para la máxima reducción
- Redimensionar — Bajar a anchos estándar web (p. ej., 1920px) para ahorros adicionales
- Descargar — Pulsa “Compress All” y guarda
Herramientas CLI: optimización de nivel profesional
oxipng (v9.1.1) — el estándar de oro sin pérdida
Construido en Rust, oxipng es significativamente más rápido que las herramientas antiguas. Pixotter lo recomienda como el actual mejor en su clase para la optimización PNG sin pérdida.
oxipng --opt 4 --strip all input.png
oxipng --opt 4 --strip all *.png
pngquant (v3.0) — cuantización con pérdida
Convierte PNGs de 32-bit a paletas de 8-bit, consiguiendo una reducción de tamaño del 60–80%. Los benchmarks de ToolTea confirman que esto es prácticamente imperceptible para logos y elementos de UI.
# Compress to 256 colors (80% quality)
pngquant --quality=65-80 --output output.png input.png
# Batch with fallback
pngquant --force --quality=65-80 --ext .png *.png
PNG 3.0: la actualización de 2025
El lanzamiento de PNG 3.0 (24 de junio de 2025) trajo mejoras importantes:
| Funcionalidad | Impacto |
|---|---|
| Soporte HDR | Mayor rango dinámico para pantallas modernas |
| APNG nativo | Los PNG animados son ahora una Recomendación del W3C |
| Fragmentos Exif mejorados | Gestión más limpia de metadatos |
PNG frente a WebP frente a AVIF: cuándo cambiar
Incluso con PNG 3.0, PNG no siempre es la opción correcta para la web:
| Formato | Compresión | Transparencia | Soporte en navegadores | Caso de uso |
|---|---|---|---|---|
| PNG | Sin pérdida o con pérdida | Sí (alfa) | Universal | Logos, iconos, recursos perfectos a nivel de píxel |
| WebP | 25–34% más pequeño que JPEG | Sí | 97%+ | Imágenes web generales, fotos |
| AVIF | 50% más pequeño que JPEG | Sí | 92%+ | Compresión máxima, navegadores modernos |
SammaPix señala: si tu único objetivo son cargas rápidas de página, convierte PNG a WebP o AVIF. Mantén PNG solo cuando necesites renderizado perfecto a nivel de píxel o compatibilidad con correo electrónico.
Cómo funcionan juntos DEFLATE y el filtrado
La compresión PNG es un proceso de dos etapas:
- Filtrado — Antes de la compresión, el codificador aplica uno de cinco tipos de filtro (Sub, Up, Average, Paeth, None) para predecir los valores de los píxeles a partir de los píxeles vecinos. Esto hace que los datos sean más predecibles.
- DEFLATE — El motor de codificación LZ77 + Huffman encuentra patrones repetidos en los datos filtrados y los comprime.
Cuanto mejor sea el filtrado, más eficaz se vuelve DEFLATE. Herramientas como oxipng prueban las cinco estrategias de filtro por fila y eligen la óptima — por eso superan a los codificadores básicos.
Para la experiencia de usuario, el algoritmo de entrelazado Adam7 renderiza una vista previa borrosa casi al instante mientras se carga la imagen completa — valioso para conexiones móviles lentas.
Conclusión
Comprimir PNG en 2026 significa elegir la herramienta adecuada para cada trabajo: oxipng para precisión sin pérdida (logos, iconos), pngquant para ahorros agresivos (60–80% en ilustraciones y UI). Para rendimiento web, considera convertir a WebP o AVIF a menos que necesites transparencia perfecta a nivel de píxel.
Plan de acción: Pasa tus PNGs más pesados por pngquant. Si el ahorro del 60–80% te parece bien, adóptalo. Para pipelines de desarrollo, añade oxipng o Sharp a tu proceso de build para eliminar metadatos y optimizar automáticamente.
Preguntas frecuentes
¿Puedo comprimir un PNG sin perder nada de calidad?
Sí. Usa herramientas sin pérdida como oxipng o el modo sin pérdida de ToolTea. Estas recodifican los datos DEFLATE y eliminan metadatos sin cambiar un solo píxel. Espera ahorros del 15–40%.
¿Cuánto puedo comprimir un PNG con métodos con pérdida?
Un 60–80% es típico con pngquant, que reduce la paleta de colores de millones a 256 o menos colores. Para logos y elementos de UI, la diferencia visual es casi imperceptible. Para fotografías, considera cambiar a WebP en su lugar.
¿Debería convertir PNG a WebP para mi sitio web?
Para uso web general, sí. Los archivos WebP son 25–34% más pequeños que los JPEG equivalentes y admiten transparencia como PNG. Mantén PNG solo para recursos que requieran un renderizado perfecto a nivel de píxel (logos con bordes nítidos, plantillas de correo electrónico) o cuando el objetivo sean clientes con software desactualizado.
Deja una respuesta