JPG, PNG, WebP o AVIF: qué formato usar

Cuatro formatos de imagen cubren hoy casi todo en la web y en los teléfonos: JPEG, PNG, WebP y AVIF. El consejo habitual («usa WebP, pesa menos») es cierto pero vago. ¿Cuánto menos, en qué imágenes, y vale la pena el paso extra de AVIF? Codificamos las mismas seis fotos en cada formato y medimos tanto el peso del archivo como lo cerca que queda cada resultado del original.

Cómo funciona la prueba

Usamos seis fotos de tipos distintos: un gato de pelo largo con un fondo suave, un lago rodeado de bosque, una taza de café sostenida con guantes de punto, un letrero de neón de noche, un guacamayo de plumas finas y una puesta de sol con degradados suaves. Cada una se escaló a 2048 píxeles de ancho, un tamaño común en páginas web, y se codificó con los mismos codificadores y ajustes que usa nuestro compresor de imágenes: MozJPEG, libwebp y libavif.

Comparar formatos con el mismo ajuste de calidad induce a error, porque «calidad 75» significa algo distinto en cada codificador. En su lugar, para cada foto y formato buscamos el ajuste más bajo que mantiene el resultado en la misma puntuación SSIM, una medida estándar de cuánto se parecen dos imágenes para las personas, de 0 a 1. Usamos dos niveles: 0,98, difícil de distinguir del original a tamaño normal, y 0,95, donde un ojo atento empieza a notar suavidad o bloques.

Resultados en alta calidad

En alta calidad, WebP necesitó un 45 % menos de espacio que JPEG y AVIF un 51 % menos. PNG, que guarda cada píxel exactamente, ocupó cinco veces más que JPEG.

Los totales esconden una gran dispersión entre fotos:

Las fotos con mucho detalle fino y nítido, como plumas, follaje y letreros iluminados, fueron las que más ganaron. Para conservar ese detalle en alta calidad, JPEG tuvo que subir a una calidad de entre 90 y 98, donde sus archivos crecen rápido. Las fotos suaves con fondos lisos se comprimen bien en cualquier formato, así que los nuevos tienen menos margen de mejora. En la foto del café, la textura del punto le sentó mejor a WebP que a AVIF.

Resultados cuando los archivos deben ser pequeños

En el nivel más bajo, SSIM 0,95, las seis fotos sumaron 1011 KB en JPEG, 844 KB en WebP y 683 KB en AVIF: un 17 y un 32 % menos que JPEG. Las diferencias se reducen en porcentaje, pero lo que ves a un peso dado cambia más, porque JPEG falla de forma más visible. Esta es la cabeza del guacamayo con cada archivo limitado a los mismos 100 KB para toda la foto:

JPEG, 99 KBAVIF, 95 KB

Los degradados suaves muestran el mismo patrón. En la puesta de sol limitada a unos 39 KB, los bloques de JPEG aparecen en el cielo, WebP los suaviza y AVIF conserva casi intactas las transiciones de color (SSIM 0,939, 0,956 y 0,974):

JPEG, 39 KBAVIF, 38 KB

Las capturas de pantalla y los gráficos son distintos

Las fotos son el caso para el que se diseñaron los formatos con pérdida. Las capturas de pantalla, los gráficos, los diagramas y los logotipos tienen grandes zonas planas y texto nítido, y ahí el panorama cambia. Dibujamos un gráfico sencillo con texto, de 1600 por 1000 píxeles, y lo guardamos en cada formato:

Para este tipo de imagen, PNG pesa lo mismo que un JPEG y conserva cada píxel exactamente, así que JPEG no tiene nada que ofrecer. WebP y AVIF pesan aún menos, pero suavizan un poco los bordes del texto, lo que importa en capturas que la gente necesita leer.

JPEG 75PNG

Velocidad y compatibilidad

El costo de codificación también difiere. Con los ajustes por defecto en el navegador, una foto de 2048 píxeles tardó unos 0,5 segundos en WebP, 0,6 segundos en JPEG con la optimización extra de MozJPEG y 1,3 segundos en AVIF, usando el ajuste de velocidad más rápido de libavif. Para un lote de unos cientos de fotos son minutos, no horas, pero AVIF es claramente el más lento de crear.

Todas las versiones actuales de Chrome, Edge, Firefox y Safari muestran WebP y AVIF, así que para sitios web ambos son seguros hoy, con un JPEG de respaldo solo si atiendes a dispositivos muy antiguos. Fuera del navegador el panorama es mixto. Los clientes de correo, las imprentas, los editores de fotos antiguos, los formularios de trámites y muchas apps de mensajería siguen esperando JPEG o PNG. Cuando una foto sale de tu sitio web, JPEG sigue siendo el formato que nadie rechaza.

Qué formato usar

• Fotos en un sitio web: AVIF o WebP. AVIF dio los archivos más pequeños en nuestra prueba; WebP quedó cerca y fue más rápido de codificar.
• Fotos que envías, imprimes o subes a otros sitios: JPEG con calidad de 75 a 85, que acepta cualquier programa. Consulta qué cambia de verdad la calidad JPEG.
• Capturas de pantalla, gráficos, logotipos y todo lo que tenga texto: PNG, o WebP si el peso importa más que los píxeles exactos.
• Imágenes con transparencia: PNG, WebP o AVIF. JPEG no tiene transparencia en absoluto.
• Fotos que volverás a editar: guarda un original intacto, idealmente el archivo de la cámara o un PNG, y exporta una copia comprimida para cada uso.

Puedes probar todo esto con tus propias imágenes en el compresor de imágenes, que codifica JPEG, WebP, AVIF y PNG en tu navegador y muestra el peso antes de descargar, o convertir en lote con el conversor de imágenes. No se sube nada.