¿Cómo convertir un archivo PNG al formato AVIF?

¿Por qué es tan grande un PNG?

PNG es un formato sin pérdida: guarda el valor de cada píxel de la imagen sin descartar ninguna información. Esa es una propiedad excelente para capturas de pantalla, logotipos y gráficos que requieren transparencia: los bordes se mantienen nítidos, el texto es legible y no hay degradación aunque lo guardes una y otra vez.

Esa misma propiedad se convierte en una desventaja en la web. Cuando guardas como PNG una imagen de tipo fotográfico y con muchos colores, el archivo alcanza fácilmente varios megabytes. Por muy bien diseñada que esté tu página, si el peso total de imágenes que hay que descargar al abrirla es grande, la espera se hace perceptible en una conexión móvil.

Justo en ese punto entra en juego AVIF.

¿Qué hace AVIF para que el archivo se reduzca?

AVIF es un formato moderno que utiliza la parte de compresión de imagen del códec de vídeo AV1. Como los códecs de vídeo llevan décadas desarrollándose alrededor de la pregunta "¿cómo represento la misma imagen con menos datos?", cuando todo ese bagaje se aplica a un solo fotograma se obtiene una ganancia notable frente a los formatos clásicos.

En la práctica, AVIF puede transportar la misma calidad visual con menos datos que JPG y que WEBP. Comparado con el PNG sin pérdida, la diferencia es mucho mayor, porque PNG no descarta ninguna información.

La verdadera ventaja de AVIF frente a PNG no es solo el tamaño:

• Soporte de canal alfa: la transparencia se conserva, y además con sus transiciones suaves
• Gama de color amplia y HDR: puede llevar una profundidad de color de 10 bits o superior
• Modo con pérdida y sin pérdida: se puede elegir según la necesidad

Conversión paso a paso

1. Selecciona tu archivo PNG

Abre nuestra herramienta de conversión PNG → AVIF y arrastra y suelta tu archivo o añádelo desde el selector de archivos. No hace falta que te registres.

2. Verifica el tipo de archivo

La herramienta está configurada para aceptar únicamente PNG. Si el archivo que tienes parece llevar la extensión .png pero en realidad es un JPG renombrado, en la conversión no verás la ganancia de transparencia que esperabas, porque en el origen ya no hay transparencia.

3. Fija el ajuste de calidad según el contenido

Un único valor de calidad no es el ideal para todas las imágenes, y esta es la decisión más desatendida de la conversión.

Con contenido fotográfico —fotos de producto, paisajes, texturas naturales— puedes ser bastante agresivo. En ese tipo de imágenes, las simplificaciones que hace la compresión con pérdida se pierden dentro de una estructura que ya de por sí es irregular y el resultado es indistinguible del original.

En imágenes con texto, líneas finas y bordes nítidos, en cambio, hace falta un valor de calidad claramente más alto. Aquí, cada información descartada se resta directamente de la nitidez de una estructura; las letras se suavizan y los separadores finos se desdibujan.

Agrupar tus imágenes por tipo y convertir cada grupo con el ajuste adecuado te permite evitar tanto archivos innecesariamente grandes como textos degradados.

4. Antes de convertir un archivo grande, haz una prueba con una muestra

Este es el paso que más se salta la gente y el que sale más caro. Convertir cientos de archivos de una tacada y darse cuenta del resultado después es un error sin vuelta atrás.

Elige entre cinco y diez archivos que representen la variedad de PNG que tienes: una foto, un logotipo transparente, una captura de pantalla, un banner con texto encima. Conviértelos con el ajuste que has elegido y examina los resultados a tamaño completo. Si tu ajuste da un resultado aceptable en todos ellos, puedes pasar al procesamiento por lotes.

Ten en cuenta también que la codificación AVIF es pesada en términos de cálculo. Como el codificador evalúa muchas más opciones, el proceso tarda notablemente más que guardar la misma imagen en un formato clásico. En imágenes pequeñas eso es cuestión de segundos; en un archivo de miles de ficheros es un tiempo que hay que planificar. No es un error, es la naturaleza del formato.

5. Descarga el resultado y compáralo con el original

Abre el archivo AVIF que has descargado junto al PNG original. Fíjate especialmente en estos puntos:

• ¿Están limpios los bordes de las zonas transparentes?
• ¿Siguen siendo legibles las líneas finas y los textos pequeños?
• ¿Se ha producido bandeado en las transiciones de color?

Si esperas transparencia, coloca la imagen sobre un fondo de color oscuro y confirma que los bordes se mantienen limpios; en los logotipos con suavizado de bordes, los ajustes agresivos se delatan justo ahí.

Si el resultado te satisface, comprueba también la diferencia de tamaño de archivo: en la mayoría de los casos la ganancia es llamativa. Si no te satisface, sube el valor de calidad y vuelve a intentarlo; como conservas el PNG original, puedes repetirlo tantas veces como quieras.

6. Planifica una fuente de reserva

Si vas a usar la imagen en un sitio web, no pongas el AVIF solo. Con la etiqueta <picture> define primero el AVIF y a continuación el PNG o el JPG; el navegador que no pueda abrir el AVIF caerá silenciosamente en la reserva y el usuario no verá un cuadro vacío.

¿Cuándo deberías quedarte en PNG?

AVIF no es la respuesta correcta en todos los casos. En estas situaciones tiene más sentido conservar el PNG:

Si la imagen es una copia de archivo. Una fuente sin pérdida es necesaria para cualquier edición y regeneración que hagas en el futuro.

Si el contenido es sobre todo de gráficos con bordes nítidos o texto pequeño. En capturas de pantalla, diseños de interfaz y dibujos técnicos, el efecto suavizador de la compresión con pérdida puede reducir la legibilidad.

Si la imagen va a entrar en un programa de edición. Muchos programas de escritorio todavía no pueden abrir AVIF; meter un formato incompatible en medio de tu flujo de trabajo genera una fricción innecesaria.

Si tu público usa dispositivos antiguos. En un contexto en el que no puedas ofrecer una fuente de reserva (por ejemplo, un boletín por correo electrónico), AVIF puede ser arriesgado.

Hablemos claro del riesgo de compatibilidad

Este es el tema que más se subestima al pasar a AVIF y hay que decirlo con honestidad: un archivo AVIF puede no abrirse en absoluto en el otro extremo.

Los navegadores principales actuales admiten el formato, así que servirlo en tu propia página web es una decisión razonable. Pero cuando pones el archivo en circulación como archivo, el panorama cambia. Los lugares donde cabe esperar problemas son estos:

• Dispositivos antiguos y sistemas operativos sin actualizar desde hace mucho. El archivo puede no aparecer ni siquiera en la vista previa.
• Programas de escritorio. Las versiones antiguas de Photoshop, los visores clásicos y la mayoría del software de oficina no reconocen AVIF.
• Formularios de subida. Muchos paneles de comercio electrónico, portales de anuncios y sistemas de solicitud controlan los tipos de archivo con una lista blanca, y AVIF normalmente no está en esa lista.
• Adjuntos de correo electrónico. No puedes dar por supuesto que el destinatario podrá abrir el archivo.
• Plataformas sociales y de mensajería. Unas lo rechazan y otras lo aceptan y lo convierten a su propio formato.

La regla práctica es sencilla: sirve el AVIF en una página bajo tu control y siempre con su reserva; cuando tengas que enviarle un archivo a alguien, envía PNG o JPG.

No olvides tampoco que, en un elemento que requiera transparencia, tu reserva debe ser PNG: JPG no admite canal alfa y rellena las zonas transparentes con un color liso.

Resumen

Pasar de PNG a AVIF es una de las formas más eficaces de reducir considerablemente el tamaño de archivo de las imágenes que se van a publicar en la web, y la transparencia no se pierde en esa transición. A cambio, tienes que prestar atención a dos puntos. El primero: cuando se usa el modo con pérdida, la conversión es de un solo sentido; no avances sin guardar el PNG original y, en imágenes con mucho texto, haz siempre una prueba con una muestra antes de la conversión masiva. El segundo: AVIF no funciona en todas partes; no lo pongas en producción sin definir una fuente de reserva y, cuando tengas que compartirlo como archivo, vuelve a los formatos clásicos.