WebP, AVIF o JPEG
Tres formatos, tres compromisos y bastantes consejos seguros de sí mismos por internet que no se han actualizado desde 2021. Este es el estado real de las cosas.
La versión corta
Usa WebP para casi todo en la web. Es sensiblemente más pequeño que JPEG, compatible en todas partes y rápido de codificar.
Usa AVIF cuando el tamaño importe de verdad más que nada y puedas comprobar el resultado. Es aún más pequeño, pero más lento por ambos lados.
Usa JPEG para todo lo que salga de tu web: correo, entregas a clientes, impresión, subidas a plataformas que no puedas verificar.
Qué dicen las cifras
En una fotografía típica con calidad visual equivalente, cuenta con:
- JPEG — la referencia contra la que se mide todo lo demás.
- WebP — entre un 25 y un 35 % más pequeño.
- AVIF — otro 20 % menos que WebP, así que en torno a la mitad de JPEG.
Son promedios y tus imágenes variarán. Los gráficos planos favorecen más a WebP; las fotografías con mucho ruido y detalle estrechan la diferencia. La única cifra que cuenta es la que obtengas con tus propias imágenes, y por eso conviene convertir unas cuantas y comparar antes de tocar una biblioteca entera.
Compatibilidad, sin adornos
WebP es un asunto resuelto. Chrome, Firefox, Edge, Safari y Opera lo admiten, en escritorio y móvil. Safari era la última brecha relevante y la cerró en 2020. Salvo que tengas que dar soporte a navegadores anteriores, puedes servir WebP directamente sin alternativa.
AVIF tiene compatibilidad amplia pero no universal. Buena en las versiones actuales de Chrome, Firefox y Safari, aunque la cola de dispositivos antiguos y navegadores embebidos aún se queda fuera en parte. Si usas AVIF, hazlo con un elemento <picture> y una alternativa en WebP o JPEG.
La pega de AVIF
La compresión de AVIF es objetivamente mejor. El precio es tiempo, por ambos lados.
Codificar es bastante más lento que con WebP, algo que se nota al procesar un lote. Y más importante: descodificar también es más lento, y eso ocurre en el dispositivo de quien te visita. En un móvil modesto, un AVIF grande puede tardar lo suficiente en descodificarse como para perder parte de lo ganado en la transferencia.
Por eso AVIF no es sin más la respuesta correcta. En una imagen pequeña el ahorro absoluto es escaso y el coste de descodificación es real. En una cabecera grande sobre un dispositivo rápido, AVIF gana con claridad.
Una regla que aguanta
Por defecto, WebP con calidad 75. Convierte además tus imágenes más pesadas a AVIF y compara: si el ahorro en esos archivos concretos es grande, sírvelos con un elemento <picture>. Conserva los originales JPEG para todo lo que salga del sitio.