De AVIF a PNG: por la transparencia y para las imágenes que vas a editar
AVIF admite transparencia y la mayoría de los conversores la tira a la basura. Pasa un logotipo con las esquinas limpias por una herramienta descuidada y te devuelve una caja blanca detrás, o una negra. Esa es la razón principal para elegir PNG en lugar de JPG aquí: PNG tiene un canal alfa de verdad, así que un recorte llega listo para colocarlo en una diapositiva, un mockup o una ficha de producto.
La segunda razón es la edición. La compresión de PNG es sin pérdida: guarda los píxeles que recibe y no descarta nada más. Si conviertes a JPG, en cambio, cada guardado posterior añade artefactos encima de los que ya había. Si la imagen va a entrar en un programa de diseño, o vas a recortarla y reexportarla varias veces, PNG no te cuesta nada en cada ida y vuelta.
La prueba de transparencia, píxel a píxel
Creamos un AVIF con tres franjas verticales: una totalmente transparente, otra exactamente medio transparente y otra totalmente opaca. Después lo convertimos con cada ajuste en nuestro propio servidor y examinamos el resultado píxel a píxel.
| Ajuste | Zona transparente | Zona medio transparente | Zona opaca |
|---|---|---|---|
| Recommended | siguió transparente | se mantuvo exactamente a la mitad | siguió opaca |
| Smallest, 64 colores | siguió transparente | se mantuvo exactamente a la mitad | siguió opaca |
| Palette compression desactivada | siguió transparente | se mantuvo exactamente a la mitad | siguió opaca |
La opacidad parcial sobrevivió incluso con 64 colores. Ese es justo el caso en el que fallan casi todos los conversores, porque una paleta no tiene un hueco evidente para ella, y el resultado habitual es una sombra suave convertida en un borde duro. Aquí no se funde nada con un color de fondo en ningún ajuste. El mismo archivo pasado por AVIF a JPG salió con la franja transparente rellena de un color sólido, porque JPEG no tiene forma alguna de almacenar transparencia.
Por qué no te vamos a prometer un porcentaje
Palette compression viene activada por defecto, porque un PNG a todo color de una fotografía es enorme y el zlib normal apenas lo reduce. Cuánto ahorra depende por completo de la imagen. Este es ese mismo AVIF de 1200 por 900, 21 KB en disco, convertido con cada ajuste:
| Ajuste | Paleta | PNG resultante | Qué pasó |
|---|---|---|---|
| Fast | 256 colores | 281 KB | se conservó el PNG a todo color, la versión con paleta salió más grande |
| Recommended | 128 colores | 223 KB | se usó la paleta |
| Smallest | 64 colores | 197 KB | se usó la paleta |
| Palette compression desactivada | ninguna | 227 KB | estrictamente sin pérdida, a todo color |
En esta imagen concreta la paleta no ahorró casi nada y con 256 colores habría dejado el archivo más grande, así que la herramienta la descartó y se quedó con la versión a todo color. En un logotipo plano o una captura de pantalla ese mismo ajuste puede recortar el archivo a menos de la mitad. Por eso en esta página no aparece ni un solo porcentaje. La única promesa que merece la pena es la que podemos cumplir: siempre recibes la más pequeña de las dos versiones, y el resultado te dice cuál te ha tocado.
Cuenta con que el PNG pese varias veces más que tu AVIF
AVIF es un códec moderno con pérdida, con permiso para descartar detalles que tu ojo no va a echar de menos. PNG tiene que registrar cada píxel que recibe. Una fotografía que cabe en unos cientos de kilobytes como AVIF se va a varios megabytes como PNG a todo color, y ese es el precio de no perder nada, no un fallo de la conversión. Si el PNG sigue siendo demasiado pesado para lo que necesitas, lo más probable es que la imagen sea una fotografía, y AVIF a JPG es la mejor respuesta.
Las capturas de pantalla y el texto siguen nítidos
Los bordes duros, el texto de interfaz y los bloques de color plano son lo peor que lleva JPEG. Trabaja en pequeños bloques cuadrados y deja halos visibles alrededor de cada letra. PNG guarda esos bordes tal cual, así que una captura se convierte con el texto tan nítido como lo tenía el AVIF. Los gráficos planos son además donde más rinde Palette compression, porque una captura o un logotipo contienen de verdad pocos colores distintos. Para una captura con degradados, cuando buscas certeza en vez de ahorro, desactiva Palette compression y quédate con todos los colores.
Elige tú mismo la paleta
Debajo del ajuste de compresión hay un campo Colours, el número de colores. Déjalo como está y cada ajuste aplica su propio valor por defecto. Ponle cualquier valor entre 2 y 256 y esa es la paleta que obtienes, algo útil cuando estás igualando un recurso que ya tienes o exprimiendo un icono hasta el límite. Desactivar Palette compression por completo te da un PNG a todo color, exacto píxel a píxel.
Orientación, color y dimensiones
La etiqueta de orientación de una foto de móvil se aplica antes de escribir nada y luego se borra del archivo de salida, así que tu imagen llega derecha y ningún visor la gira una segunda vez. El perfil de gama amplia Display P3 se incrusta en el PNG en lugar de descartarse, que es la diferencia entre un color fiel y cielos que vuelven en neón, y el ajuste Colour profile, el perfil de color, convierte correctamente a sRGB cuando tu destino ignora los perfiles. Las dimensiones en píxeles no cambian nunca. Esto convierte el formato, no el tamaño.
Archivos renombrados y animados
El formato se lee de los propios bytes del archivo, así que un AVIF que alguien guardó con un nombre acabado en .jpg se convierte igualmente bien. Un AVIF animado te devuelve su primer fotograma como una sola imagen fija, y el resultado lo indica. No se produce PNG animado, porque desplegar una animación en cientos de fotogramas casi idénticos no es lo que pide quien está convirtiendo un archivo.
Lo que obtienes
- El fondo transparente entero, incluidas la opacidad parcial y las sombras suaves
- Compresión sin pérdida, así que recortar y reexportar más tarde no cuesta nada más
- La versión más pequeña de las dos, con paleta o a todo color, decidida archivo por archivo
- Tu propio tamaño de paleta cuando lo quieras, entre 2 y 256 colores
- Fotos derechas y color de gama amplia conservado o convertido a sRGB si lo pides
- Las mismas dimensiones en píxeles con las que empezaste, siempre
¿Qué sigue?
¿La imagen es una fotografía normal, sin transparencia? AVIF a JPG te dará un archivo mucho más pequeño para esa misma imagen.
¿El PNG pesa más de lo que esperabas? Comprimir PNG lo reduce todavía más sin tocar las dimensiones.
¿Vas a volver a subir la imagen a una web? PNG a WebP conserva la transparencia y aligera el peso para el navegador.