WebP y AVIF explicados
Las imágenes suelen ser lo más pesado de una página web, así que la promesa de “la misma calidad, un 30% menos” llama la atención. WebP y AVIF hacen esa promesa. Ambos la cumplen, hasta cierto punto — y ambos traen contrapartidas que el mensaje comercial suele omitir.
Esta guía va de decidir cuándo la conversión merece la pena y cuándo es esfuerzo para nada.
La versión corta
| JPG | WebP | AVIF | |
|---|---|---|---|
| Año | 1992 | 2010 | 2019 |
| Peso típico vs JPG | referencia | 25–35% menos | 40–50% menos |
| Transparencia | No | Sí | Sí |
| Animación | No | Sí | Sí |
| Soporte en navegadores | Universal | Universal (modernos) | Todos los modernos |
| Velocidad de codificación | Muy rápida | Rápida | Lenta |
| Soporte fuera del navegador | Universal | Bueno | Irregular |
Cuánto se ahorra en la práctica
Las cifras que se citan siempre —30% para WebP, 50% para AVIF— son medias sobre baterías de prueba. Los resultados reales varían muchísimo según el contenido de la imagen, y conviene saber en qué dirección:
- Fotografías con degradados suaves (cielos, piel, fondos desenfocados) son donde AVIF saca más ventaja. Su forma de tratar los degradados evita el bandeado que produce JPG con el mismo peso.
- Imágenes con mucho detalle y ruido (vegetación, grava, textura de tela) comprimen peor en todos los formatos, y la diferencia entre ellos se estrecha.
- Gráficos planos, logos y capturas son otro juego: ahí la comparación es contra PNG, y el modo sin pérdida de WebP suele ganarle a PNG por un 20–25%.
La forma honesta de averiguarlo es convertir unas cuantas imágenes tuyas de verdad y comparar. Nuestras herramientas de JPG a WebP y JPG a AVIF se ejecutan en tu navegador, así que probar un puñado de archivos no cuesta nada y lleva segundos.
La compatibilidad ya no es el problema
Esta era la objeción principal y ha dejado de ser cierta discretamente.
WebP funciona en todos los navegadores en uso actual — Chrome, Firefox, Edge y Safari (desde Safari 14, de 2020). Salvo que tengas datos que demuestren tráfico relevante desde dispositivos muy antiguos, puedes servir WebP sin alternativa.
AVIF funciona en Chrome, Firefox, Edge y Safari 16+ (2022). La cobertura ya es alta pero no del todo universal; en una web con una cola larga de dispositivos iOS antiguos quizá quieras mantener una alternativa.
La forma estándar de resolver cualquier duda es dejar que elija el navegador:
<picture>
<source srcset="foto.avif" type="image/avif">
<source srcset="foto.webp" type="image/webp">
<img src="foto.jpg" alt="Descripción">
</picture>El navegador coge el primer formato que entiende. Los antiguos caen hasta el JPG y no se rompe nada.
Dónde duelen de verdad estos formatos
El coste de codificar. AVIF es caro computacionalmente, y se nota. Comprimir una foto grande puede llevar varios segundos en lugar de milisegundos. Para un lote de unas decenas de imágenes da igual. Para una web que genera imágenes bajo demanda es un coste de infraestructura real, y por eso muchas CDN cobran más por las transformaciones a AVIF.
La vida fuera del navegador. Aquí es donde cae la gente. WebP y AVIF son formatos web, y el soporte en otros sitios es escaso: muchos editores de escritorio, imprentas, formularios de subida y sistemas operativos antiguos no los aceptan. Guardar una imagen de una web y descubrir que tienes un .webp que tu software no abre es una de las quejas más comunes que existen — que es exactamente por qué existe la conversión inversa (WebP a JPG, AVIF a JPG).
No sustituyen a lo básico. Convertir a AVIF una imagen de 4000 píxeles de ancho y servirla en un hueco de 400 píxeles sigue desperdiciando la mayoría de esos bytes. Redimensionar a las dimensiones que realmente muestras es una mejora mayor que cualquier cambio de formato, y las dos se suman. Redimensiona primero y convierte después.
Una regla práctica
Sirviendo imágenes en una web tuya: usa AVIF con WebP de alternativa si puedes automatizar la codificación, o solo WebP si quieres algo simple y rápido que funcione en todas partes. Cualquiera de las dos es una mejora sólida sobre JPG.
Enviando un archivo a otra persona: usa JPG. La compatibilidad gana a la compresión cuando no controlas el otro extremo.
Archivando originales: conserva lo que produjo la cámara. No recodifiques tu archivo a un formato con pérdida para ahorrar disco — el almacenamiento es más barato que el detalle que tiras.
Logos, capturas, cualquier cosa con bordes nítidos o transparencia: PNG o WebP sin pérdida, no JPG ni AVIF con pérdida. Mira PNG vs JPG vs WebP para elegir.
Convertir de vuelta
Como son formatos pensados para la web, con frecuencia necesitarás ir en la otra dirección: guardaste una imagen de un sitio y ahora la necesitas en algo que tu software entienda. Ambas conversiones son de formato con pérdida a formato con pérdida, así que el resultado se recodifica en vez de restaurarse, pero con un ajuste de calidad alto la diferencia no se ve.
Un detalle que conviene saber: JPG no tiene canal alfa, así que cualquier transparencia de un WebP o un AVIF se rellena —de blanco, en nuestras herramientas— al convertir a JPG. Si necesitas conservar la transparencia, convierte a PNG.
Resumen
WebP es la mejora fácil y segura: compatible en todas partes, claramente más ligero que JPG y rápido de codificar. AVIF comprime aún mejor y es la elección correcta cuando puedes asumir el tiempo de codificación y sirves a navegadores modernos. Ninguno de los dos pinta nada en un correo adjunto ni en un formulario de subida: para entregar archivos a personas, JPG sigue siendo el formato que siempre funciona.