Convierte imágenes PNG grandes a formato AVIF para obtener la mejor compresión sin pérdida de calidad.
El formato PNG fue diseñado en los años 90 para reemplazar al GIF con compresión sin pérdida y soporte de transparencia. Cumple esa función perfectamente, pero su algoritmo DEFLATE no aprovecha las técnicas de compresión que existen hoy.
AVIF, basado en el códec AV1, utiliza predicción intra-frame, transformadas de coseno discreto adaptativas y codificación de entropía mucho más sofisticada. En la práctica, esto significa que un archivo AVIF típicamente ocupa entre un 30% y un 50% menos que un PNG equivalente, manteniendo transparencia alfa y soportando gama de color WCG y HDR.
Hay una salvedad importante: AVIF es un formato de compresión con pérdida por defecto. Sin embargo, también admite codificación sin pérdida (lossless), lo cual produce archivos más pequeños que PNG sin sacrificar ni un píxel. Si tu PNG contiene pixel art, capturas de pantalla de texto o gráficos de interfaz donde cada punto importa, usa el modo sin pérdida. Para fotografías y composiciones complejas, el modo con pérdida a calidad 60-70% es prácticamente indistinguible del original.
Software de escritorio (Squoosh, XnConvert, IrfanView con plugin): Bueno si conviertes lotes grandes de cientos de imágenes de forma regular. Squoosh tiene una interfaz visual decente para comparar antes/después, pero su versión desktop es una app Electron que consume 200+ MB de RAM. XnConvert maneja lotes mejor, pero su interfaz es confusa para usuarios ocasionales.
Línea de comandos (avifenc, libavif): Máximo control. Puedes especificar --min 0 --max 63 para el rango de cuantización, elegir entre velocidad de codificación 0 (lenta, mejor compresión) y 10 (rápida), y automatizar con scripts. El problema: necesitas instalar la librería, resolver dependencias, y si no usas terminal habitualmente, la curva de aprendizaje no justifica ahorrar 5 KB por imagen.
Convertidor online: Para la mayoría de los casos — rediseños web, optimización de assets, blogs, portfolios — un convertidor online elimina toda la fricción. Subes el PNG, descargas el AVIF. Sin instalar nada, sin configurar nada. La limitación es el tamaño máximo de archivo por operación, pero para imágenes web raramente necesitas convertir archivos de más de 10 MB.
Si tu PNG tiene fondo transparente — logos, iconos, ilustraciones con recorte — este dato es crucial: AVIF preserva el canal alfa sin problemas, pero no todos los conversores lo manejan igual.
Algunas herramientas antiguas o mal configuradas pueden aplastar la transparencia a fondo blanco o negro durante la conversión. Esto ocurre cuando el codificador no detecta correctamente el canal alfa o cuando se usa un perfil de color incompatible.
Al convertir PNG a AVIF online en Pixes, el canal alfa se mantiene intacto tanto en modo con pérdida como sin pérdida. Específicamente verifiqué esto con archivos PNG de 8 bits con canal alfa y con PNG de 16 bits — en ambos casos, la transparencia se conserva correctamente en el AVIF resultante.
Si tu flujo de trabajo incluye diseñar en Figma o Sketch, exportar como PNG con transparencia, y luego optimizar para web: convierte a AVIF con el canal alfa activo. Tus iconos y logos reducirán su peso considerablemente sin perder la capacidad de superponerse sobre cualquier fondo.
No siempre es la mejor decisión. Hay escenarios donde mantener PNG es más sensato:
Si decides hacer la conversión, estos parámetros determinan el resultado final:
Velocidad de codificación (speed): Controla cuánto tiempo dedica el codificador a encontrar la mejor compresión. Valores bajos (0-4) producen archivos más pequeños pero tardan más. Para imágenes que vas a servir en producción, merece la pena usar velocidad 4 o inferior. Para previsualizaciones rápidas, velocidad 6-8 es suficiente.
Nivel de calidad: En modo con pérdida, un valor de 60-70% ofrece el mejor equilibrio entre peso y apariencia visual para contenido web. Para fotografía de producto donde los detalles importan, sube a 75-80%. Por debajo de 50%, los artefactos de compresión empiezan a ser visibles en gradientes suaves y áreas de color uniforme.
Subsampling de croma: Para imágenes con texto nítido o bordes definidos, usa 4:4:4. Para fotografías, 4:2:0 reduce el tamaño sin impacto visual perceptible.