PNG a AVIF v1.0

Convertir PNG a AVIF es la manera más rápida de quitar peso a tus imágenes sin renunciar a la transparencia. En nuestras pruebas, una foto PNG de 1.656 KB bajó a 60 KB con el nivel de calidad predeterminado, y la diferencia no se aprecia a simple vista. El conversor de DocPivot procesa las imágenes fijas dentro de tu navegador, acepta hasta 30 archivos por tanda y mantiene en movimiento los PNG animados. Es gratis y no pide registro.

¿Qué es el conversor de PNG a AVIF de DocPivot?

Funcionalidad principal

El conversor de PNG a AVIF de DocPivot es una herramienta online que pasa imágenes PNG (opacas, transparentes o animadas) al formato AVIF, basado en el códec de vídeo AV1 y compatible con Chrome, Edge, Firefox y Safari. Las imágenes fijas se codifican con libavif, el codificador de referencia de AVIF, compilado a WebAssembly y cargado solo cuando hace falta. Los PNG animados se procesan en el servidor con ffmpeg y libaom para no perder ni un fotograma.

¿Para quién está pensado?

Para cualquiera que publique imágenes en internet. Le sacan especial partido los desarrolladores frontend, los diseñadores que entregan logotipos con fondo transparente, quienes gestionan una tienda en WooCommerce, PrestaShop o Shopify y los autónomos que mantienen la web de sus clientes. También resulta útil si escribes en un blog de WordPress y acumulas capturas de pantalla pesadas.

Problema y solución

El PNG conserva cada píxel sin pérdida, pero ese rigor se paga en kilobytes: una foto recortada o un banner con degradados superan con facilidad el megabyte y frenan la carga en el móvil. Al pasar de PNG a AVIF, el canal alfa se mantiene y la compresión mejora tanto que la misma imagen ocupa una pequeña parte de lo que ocupaba. ¿Tus fotos ya están en JPG o WebP y solo quieres que pesen menos? En ese caso te conviene más el compresor de imágenes.

Ventajas de pasar tus PNG a AVIF

• Archivos hasta un 96 % más ligeros. Con el nivel Buena, la foto de prueba de 1.656 KB se quedó en 60 KB. Menos peso se traduce en páginas que cargan antes y en menos datos consumidos desde el móvil.
• Transparencia que se conserva. Logotipos, iconos y productos recortados mantienen su fondo transparente. Si algún portal solo acepta JPG, el conversor de PNG a JPG te saca del apuro, aunque ahí la transparencia desaparece.
• Bordes suaves que pesan menos. Como los píxeles transparentes se leen tal como son, el archivo resultante pesó un 25 % menos que una codificación estándar con la misma calidad visible.
• Un modo sin pérdida de verdad. La opción Sin pérdida reproduce cada píxel del PNG, también los semitransparentes. Viene bien cuando necesitas una copia idéntica al original.
• Animaciones que siguen vivas. Un APNG sale convertido en AVIF animado, con su transparencia y la duración de cada fotograma, en lugar de quedarse congelado en la primera imagen.
• Mejor rendimiento web. Las imágenes ligeras ayudan a mejorar el LCP, una de las Core Web Vitals con las que Google valora la velocidad de carga de una página.

Funciones clave del conversor de PNG a AVIF

• Conversión por lotes. Suelta hasta 30 PNG de una vez. Si conviertes uno, descargas un AVIF; si son varios, llegan todos juntos en un único ZIP.
• Cuatro niveles pensados para AVIF. Sin pérdida, Alta (calidad 90), Buena (calidad 80, la predeterminada) y Archivo más pequeño (calidad 65). No son ajustes heredados de JPG, sino valores calibrados para el códec AV1.
• Límite de peso a medida. En los ajustes avanzados eliges un tope de 100 KB, 200 KB, 500 KB o 1 MB, y la herramienta busca sola la calidad que cabe en él.
• Reducción de dimensiones. Puedes dejar el tamaño original o limitarlo a 2048 px o 1200 px, y nunca se amplía la imagen. Para medidas exactas en píxeles, pasa antes por el redimensionador de imágenes.
• Lectura exacta del canal alfa. Los PNG transparentes se leen mediante WebGL y no con un canvas corriente, que premultiplica el color por la transparencia y estropea los bordes semitransparentes.
• Texto y contornos nítidos. La conversión a YUV usa el método sharp YUV, que evita que las letras y las líneas finas se emborronen.
• Color oculto descartado. En los niveles con pérdida se elimina el color que hay debajo de los píxeles totalmente transparentes: nadie lo ve y solo ocuparía bytes.
• Ajuste automático al límite de AVIF. El formato admite como máximo 16.384 píxeles por lado. Si tu PNG es más ancho o más alto, se reduce para que quepa y la tarjeta de resultado te lo indica.
• Respaldo para imágenes gigantes. Cuando una imagen agota la memoria del navegador, se envía al servidor y libvips la codifica con la calidad que hayas elegido, Sin pérdida incluida.
• Comparador antes y después. Cada archivo tiene un deslizador para enfrentar el original con el AVIF. Si sobra margen alrededor del motivo, conviene recortar la imagen antes y ahorrar todavía más.
• Entrada amplia. Acepta PNG de 8 y 16 bits en RGB, escala de grises, paleta o con transparencia, además de PNG animados.

¿Cómo convertir PNG a AVIF con DocPivot?

1. Añade tus archivos. Arrastra hasta 30 PNG a la zona de carga o haz clic para elegirlos. Cada uno aparece como una miniatura.
2. Elige la calidad. Buena viene marcada por defecto y es el mejor equilibrio para casi cualquier web. Sube a Alta si la imagen tiene detalles finos, o a Sin pérdida si necesitas una copia exacta.
3. Toca los ajustes avanzados si los necesitas. Fija un peso máximo o un tamaño de imagen. Si no cambias nada, se conservan las dimensiones originales.
4. Deja que se convierta. Las imágenes fijas se codifican en tu navegador; los PNG animados y las imágenes demasiado grandes para su memoria se procesan en el servidor.
5. Revisa el resultado. La tarjeta muestra dimensiones, porcentaje ahorrado y peso final, y avisa si el archivo creció, si se redujo de tamaño o si se convirtió en el servidor.
6. Descarga. Nada se descarga solo: guarda cada AVIF con su botón o la tanda completa en un ZIP. ¿Tus originales son fotos en JPG? Entonces usa el conversor de JPG a AVIF.

Niveles de calidad al pasar de PNG a AVIF

El nivel Buena deja una foto PNG en menos de una vigésima parte de su peso sin diferencias visibles. Estos son los datos medidos con una fotografía PNG de 1600 × 1200 píxeles (1.656 KB). La columna PSNR compara el resultado con los píxeles originales: a partir de unos 40 dB, una foto resulta indistinguible de su fuente.

Fíjate en la primera fila: en una fotografía, el AVIF sin pérdida ocupó más que el PNG original. Es normal y la herramienta te lo advierte, así que reserva ese modo para cuando necesites una copia idéntica y elige Alta si buscas máxima fidelidad con un peso razonable. Con transparencias la ventaja crece: en una foto de 1200 × 900 con borde suave, la lectura de píxeles reales dejó el archivo en 30,2 KB frente a los 40,4 KB de una codificación estándar, con la misma calidad visible. Si partes de imágenes WebP, el conversor de WebP a AVIF es el camino directo.

¿Cuándo conviene usar el conversor de PNG a AVIF?

Conviene siempre que la imagen vaya a mostrarse en una web y necesites transparencia, animación o, sencillamente, menos peso del que da el PNG. Es la opción natural para todos esos recursos que sirves como PNG solo porque llevan fondo transparente.

• Logotipos e iconos de marca: mantienen el fondo transparente y se cargan antes en cabeceras y pies de página.
• Fichas de producto recortadas: las fotos sin fondo de un catálogo online dejan de lastrar la velocidad de la tienda.
• Capturas para un blog: un tutorial lleno de capturas de pantalla pasa de pesar megas a pesar kilobytes.
• Banners y cabeceras grandes: las imágenes a todo el ancho suelen ser las que más penalizan el LCP.
• Animaciones APNG: stickers, iconos animados o pequeñas demostraciones conservan el movimiento y la transparencia. Si tu animación está en GIF, lo que buscas es el conversor de GIF a AVIF.
• Avisos de PageSpeed Insights: cuando el informe señala que tus imágenes podrían pesar menos, pasar de PNG a AVIF es una de las mejoras más rápidas.

No lo uses para el archivo maestro que vas a seguir editando: guarda siempre el PNG original. Tampoco es buena idea mandar un AVIF por iMessage ni abrirlo en Figma o PowerPoint para Mac, que todavía no lo leen. Y si tus fotos salen del iPhone en HEIC, conviértelas directamente con el conversor de HEIC a AVIF sin pasar por PNG.

Casos reales de conversión de PNG a AVIF

Tienda de moda en WooCommerce

Contexto: una tienda online de Valencia muestra cientos de prendas recortadas en PNG transparente y sus fichas tardan en cargar desde el móvil.

Proceso:

• Sube las fotos en tandas de 30 y deja el nivel Buena.
• Limita el tamaño a 1200 px, de sobra para la ficha de producto.
• Descarga cada tanda en ZIP y súbela a la biblioteca de medios, que admite AVIF desde WordPress 6.5.

Resultado: el catálogo conserva los fondos transparentes y cada foto pesa una fracción de lo que pesaba.

Desarrolladora freelance que optimiza una landing

Contexto: una desarrolladora freelance de Madrid prepara una landing page que debe aprobar las Core Web Vitals antes del lanzamiento.

Proceso:

• Pasa las ilustraciones PNG a AVIF con el nivel Buena.
• Genera una versión de respaldo con el conversor de PNG a WebP para la etiqueta picture.
• Para iconos diminutos, valora incrustarlos en el CSS con el conversor de imagen a Base64.

Resultado: el navegador carga AVIF cuando puede y recurre a WebP en los demás casos, sin imágenes rotas.

Ilustradora con originales enormes

Contexto: una ilustradora autónoma de Sevilla vende láminas desde su web y guarda los originales en PNG de 12000 × 9000 píxeles.

Proceso:

• Sube el PNG a tamaño original; al agotar la memoria del navegador, la conversión pasa al servidor.
• Repite con el tamaño de 2048 px para tener una vista previa ligera en la tienda.
• Los escaneos que guarda en TIFF los pasa con el conversor de TIFF a AVIF.

Resultado: en nuestras pruebas, un PNG de esas medidas (61,5 MB) se convirtió en un AVIF de 3,1 MB en 61 segundos, subida incluida.

Animación de carga para una app

Contexto: un equipo de producto de Barcelona usa un APNG transparente como animación de carga y necesita que pese menos.

Proceso:

• Sube el APNG, que se convierte en el servidor con libaom.
• Comprueba que se mantienen los fotogramas, la transparencia y los tiempos.
• Prueba el resultado en Safari, que puede mostrar un AVIF animado como imagen fija.

Resultado: en nuestras pruebas, un APNG de 12 fotogramas a 320 × 240 pasó de 1,59 MB a 24 KB con la transparencia y los 100 ms por fotograma intactos.

PNG, AVIF, WebP o JPG: ¿qué formato elegir?

Para publicar en la web, AVIF suele ser la opción más ligera; para compartir o seguir editando, PNG y JPG continúan siendo los más compatibles. La tabla resume las diferencias que importan en el día a día.

Una estrategia muy extendida es servir AVIF con un respaldo en WebP o PNG mediante la etiqueta picture, de forma que cada navegador elija lo que entiende. Para otros cruces de formato, el convertidor de imágenes cubre muchas más combinaciones.

Privacidad y RGPD: qué se procesa en tu navegador

Las imágenes PNG fijas se convierten en tu navegador y no se suben a ningún servidor. Solo pasan por el servidor los PNG animados y las imágenes demasiado grandes para la memoria del navegador; esos archivos se borran en un plazo de 30 minutos y la subida admite hasta 100 MB. Para evitar abusos, DocPivot aplica límites horarios de trabajos por dirección IP y un tiempo máximo por tarea, sin servicios de terceros ni claves de API de por medio.

Esto importa porque una foto en la que aparece una persona identificable es un dato personal según el RGPD y la LOPDGDD. Si trabajas con retratos de la plantilla o con material de clientes, convertir sin subir el archivo te ahorra justificar su envío a un tercero. Con animaciones o archivos enormes, tenlo presente antes de procesar material sensible.

Preguntas frecuentes