WebP vs AVIF vs JXL: comparativa de formatos de imagen en 2026
Comparación directa de WebP, AVIF y JPEG XL en 2026. Pruebas de tamaño de archivo, soporte de navegador, velocidad de codificación, manejo de transparencia, comportamiento de EXIF y cuándo elegir cada uno.
Respuesta rápida: Para la mayoría de sitios web en 2026, AVIF primero con fallback a WebP es la decisión correcta (AVIF es aproximadamente un 50% más pequeño que JPEG con la misma calidad visual, y en 2026 cuenta con un sólido soporte de navegador). En contextos exclusivos de Apple, JPEG XL gana en velocidad de codificación y decodificación progresiva, pero sigue sin soporte fuera de Safari. Para correo, redes sociales y compartición universal, JPEG continúa siendo la elección segura; los formatos modernos están para los lugares que controlas. Para comparar formatos con tu propia imagen, súbela a nuestro conversor de imágenes o al compresor de imágenes y observa cómo se actualiza el tamaño en vivo.
JPEG tiene 33 años. WebP, 15. AVIF llegó en 2019. JPEG XL se finalizó en 2022. En 2026, los tres formatos modernos han madurado y la pregunta de cuál usar ya no es teórica: afecta directamente a los Core Web Vitals, a la velocidad de carga, al consumo de datos móviles y al almacenamiento. Esta guía es una comparativa práctica de 2026: qué es cada formato, cifras reales de tamaño, dónde funciona cada uno y cómo elegir.
Los contendientes, en un párrafo cada uno
WebP (Google, 2010) es la opción moderna conservadora. Entre un 25 y un 35% más pequeño que JPEG a calidad equivalente, con modo sin pérdida completo, transparencia (alfa) y animación. El soporte de navegador es universal en 2026 (todos los navegadores modernos, Gmail, WhatsApp, cualquier CMS). El inconveniente: la calidad de codificación es buena, pero no excelente comparada con AVIF, y el soporte de metadatos EXIF es desigual.
AVIF (Alliance for Open Media, 2019) es el ganador moderno en tamaño puro de archivo. Construido sobre el códec de vídeo AV1. Alrededor de un 50% más pequeño que JPEG y entre un 25 y un 35% más pequeño que WebP a la misma calidad visual. Soporta transparencia, HDR, gamut de color amplio y píxeles de 12 bits. El soporte de navegador alcanzó paridad en 2024; en 2026 todos los navegadores principales decodifican AVIF de forma nativa. El inconveniente: codificar es más lento que con WebP (un problema real para procesos por lotes), y algunos clientes de correo muy antiguos aún no lo muestran en línea.
JPEG XL (.jxl, ISO/IEC 18181, 2022) es el favorito técnico entre fotógrafos e ingenieros. Transcodificación sin pérdida de JPEG existentes (recodificas un JPEG como JXL y ahorras un ~20% sin pérdida de calidad), soporte de alfa de 1 bit, decodificación realmente progresiva y excelente velocidad de codificación y decodificación. Soporte nativo en Safari 17+, en iOS 17+ y macOS Sonoma+. El inconveniente: Chrome eliminó JXL en 2022 y (a fecha de 2026) sigue sin reincorporarlo, así que el uso web entre navegadores requiere polyfills de JS o fallbacks.
Comparativa de tamaño de archivo: cifras reales
La misma foto de paisaje de iPhone (4032 × 3024 píxeles), codificada en distintos formatos con calidad "visualmente idéntica":
| Formato | Tamaño | % vs JPEG | Calidad visual |
|---|---|---|---|
| JPEG (calidad 92) | 2.8 MB | referencia | excelente |
| JPEG (calidad 85) | 1.6 MB | -43% | muy buena |
| WebP (calidad 80) | 1.1 MB | -61% | muy buena |
| AVIF (calidad 60) | 0.78 MB | -72% | muy buena |
| JPEG XL (effort 7, distance 1.0) | 0.92 MB | -67% | muy buena |
Para una foto de producto de 600 × 800 con transparencia:
| Formato | Tamaño | ¿Transparencia? |
|---|---|---|
| PNG (sin pérdida) | 280 KB | sí |
| WebP (calidad 90) | 88 KB | sí |
| AVIF (calidad 70) | 52 KB | sí |
| JPEG XL (effort 7) | 65 KB | sí |
El patrón se mantiene en casi todo el contenido fotográfico: AVIF gana en tamaño, JXL queda cerca, WebP es el término medio universal y JPEG es el más grande pero el más compatible. Las cifras varían según el contenido de la imagen (zonas planas frente a detalles, fotográfico frente a sintético) entre un 10 y un 20%.
Soporte de navegador en 2026
| Formato | Chrome | Edge | Safari | Firefox | iOS | Android |
|---|---|---|---|---|---|---|
| WebP | sí | sí | sí (14+) | sí | sí | sí |
| AVIF | sí | sí | sí (16.4+) | sí (113+) | sí (16.4+) | sí (Chrome 85+) |
| JPEG XL | no (retirado en 2022) | no | sí (17+) | parcial (tras flag) | sí (17+) | no |
En términos prácticos de 2026:
- WebP funciona para el 99% de los usuarios, sin excepciones que valga la pena planificar.
- AVIF funciona para el 97% de los usuarios; sirve un fallback a JPEG para la cola larga.
- JPEG XL funciona de forma nativa solo en el ecosistema Apple; útil para apps de iOS y flujos fotográficos solo Apple, todavía no para web general.
Comparativa de velocidad de codificación
Un factor práctico crítico que las pruebas de compresión suelen pasar por alto: ¿cuánto tarda realmente la codificación del archivo?
| Formato | Tiempo de codificación (una foto de 4032×3024, un solo núcleo) |
|---|---|
| JPEG (calidad 85) | 0.05 s |
| WebP (calidad 80) | 0.18 s |
| JPEG XL (effort 7) | 0.32 s |
| AVIF (calidad 60, speed 6) | 1.4 s |
| AVIF (calidad 60, speed 9 / rápido) | 0.55 s |
AVIF con la configuración por defecto es entre 7 y 10 veces más lento de codificar que JPEG. Para un lote de 100 fotos, es una espera real. WebP y JXL logran un equilibrio mejor. Los codificadores del lado del navegador (canvas.toBlob('image/avif')) son aún más lentos que las librerías nativas.
Para herramientas interactivas (como nuestro compresor de imágenes), esto importa: AVIF ofrece el mejor tamaño, pero la latencia de la vista previa en vivo se nota.
EXIF y comportamiento de metadatos
| Formato | EXIF | IPTC | XMP | C2PA Content Credentials |
|---|---|---|---|---|
| JPEG | completo | sí | sí | sí (ampliamente adoptado) |
| WebP | parcial (depende del decodificador) | parcial | sí | parcial |
| AVIF | sí (decodificadores recientes) | sí | sí | sí |
| JPEG XL | sí | sí | sí | sí |
El comportamiento del EXIF en WebP y AVIF varía según el codificador y el decodificador. Los navegadores (en concreto canvas.toBlob) eliminan el EXIF al recodificar a WebP o AVIF; preservar EXIF requiere herramientas del lado del servidor como ImageMagick, libvips o sharp.
Para más sobre la supervivencia del EXIF a lo largo de las cadenas de procesado, consulta nuestra explicación: ¿qué son los datos EXIF? y la guía completa de metadatos de fotos de iPhone.
Calidad a bajos bitrates
El campo de batalla interesante no es la calidad visualmente sin pérdida (los tres formatos modernos llegan ahí), sino la calidad en tamaños de archivo agresivamente bajos, cuando intentas servir una imagen de 100 KB para una conexión móvil lenta.
A 100 KB para una imagen de 1080×1080:
- JPEG: artefactos de bloque visibles, banding de color, sobre todo en gradientes (cielo, piel).
- WebP: gradientes más suaves que JPEG, pero con un aspecto "borroso" suave a este bitrate.
- AVIF: notablemente mejor, preserva el detalle y evita el aspecto "blando" de WebP.
- JPEG XL: similar a AVIF, con un detalle ligeramente mejor preservado.
Para los Core Web Vitals (LCP, CLS) en móvil, esta diferencia cuenta. AVIF al 70% de calidad suele servirse un 30% más pequeño que WebP al 80% sin diferencia perceptible, y eso es justo lo que ayuda a los benchmarks de carga.
Cuándo elegir cada uno (árbol de decisión práctico)
Web (controlas la página):
- Por defecto: AVIF con fallback a WebP y a JPEG. Usa el elemento
<picture>. - Prioridad mobile-first o Core Web Vitals: AVIF es la elección correcta.
- Mantenimiento más simple (sin cadena de fallbacks): WebP. Cuesta un ~20% más de tamaño frente a AVIF y gana soporte universal sin
<picture>.
Adjunto de correo o archivo compartido:
- Siempre JPEG. Los clientes de correo son inconsistentes con WebP y AVIF.
Ecosistema Apple (app de iOS, flujo solo Mac):
- JPEG XL es una opción real. Soporte nativo en Safari, codificación rápida, transcodificación sin pérdida desde JPEG.
- Para compartir fuera de Apple, vuelve a JPEG.
CMS o biblioteca de imágenes de stock:
- WebP. Soporte universal, más pequeño que JPEG, sin complejidad de fallback; la mayoría de CMS lo sirven bien.
- AVIF si tu CMS lo soporta y tu audiencia es mayoritariamente móvil.
Foto con transparencia (logos, fotos de producto, UI):
- AVIF para el menor tamaño con transparencia.
- WebP como término medio universal.
- PNG solo si necesitas estricta ausencia de pérdida.
Contenido fotográfico con EXIF que debe sobrevivir:
- JPEG (lo más fiable a lo largo de toda la cadena).
- JPEG XL para contextos solo Apple.
Cómo convertir y probar
Nuestro conversor de imágenes gestiona la conversión desde el navegador entre JPG, PNG, WebP, AVIF, HEIC, GIF, BMP e ICO. Sueltas el archivo, eliges el formato de salida y descargas por lotes como ZIP. No se sube nada.
Para pruebas de compresión en vivo, lado a lado, con un control deslizante de calidad, usa nuestro compresor de imágenes. Las previsualizaciones del original y del recomprimido se muestran juntas, con los bytes exactos ahorrados.
Para comparativas de formatos a partir de muchos formatos de entrada a la vez, suelta una carpeta en el conversor, exporta a JPEG, luego a WebP y luego a AVIF, y compara los ZIP resultantes.
Preguntas frecuentes
¿Por qué Chrome retiró JPEG XL? Google eliminó el decodificador de JXL de Chrome en 2022, alegando "falta de interés del ecosistema en general" y costes de recursos. La decisión fue polémica (peticiones de desarrolladores, ticket abierto de Mozilla, presión de fotógrafos). A fecha de 2026, no hay anuncio de reincorporación.
¿WebP está muerto? No. WebP es el formato moderno seguro, con soporte universal y sin complejidad de fallbacks. AVIF gana en tamaño, pero añade carga de mantenimiento. WebP sigue siendo la opción por defecto adecuada para la mayoría de casos no extremos.
¿De verdad AVIF puede ser un 50% más pequeño que JPEG? Sí, para contenido fotográfico a la misma calidad visual. La diferencia se reduce (al 15-25%) en contenido sintético (logos, capturas, dibujo lineal), donde tiene más sentido lo sin pérdida o casi sin pérdida.
¿WebP conserva la transparencia? Sí. Tanto el WebP con pérdida como el sin pérdida soportan alfa de 8 bits.
¿AVIF reemplazará a JPEG? Probablemente sí, con el tiempo. JPEG está demasiado arraigado para un cambio rápido, pero que cada navegador decodifique AVIF de forma nativa y cada CDN lo sirva hace real la transición. Para 2030, AVIF será probablemente el formato por defecto para fotografía web.
¿Y HEIC? HEIC y HEIF usan la misma familia de códecs que AVIF (todos son de la era HEVC/AV1). HEIC es la variante de Apple; AVIF es la prima de estándar abierto. Para flujos Apple a Apple, HEIC. Para web multiplataforma, AVIF. Consulta HEIC vs JPG para el lado HEIC.
En resumen
En 2026, el formato moderno correcto depende del destino:
- Web con control total: AVIF, con fallbacks a WebP y JPEG vía
<picture>. - Web con stack simple: WebP. El mejor formato moderno universal, sin mantenimiento de fallbacks.
- Correo y redes sociales: JPEG. Los formatos modernos todavía no son seguros aquí.
- Ecosistema solo Apple: JPEG XL. Rápido, pequeño y soportado de forma nativa.
Para conversiones puntuales, suelta el archivo en nuestro conversor de imágenes. Para pruebas de compresión por lotes y con vista previa en vivo, usa el compresor de imágenes. Los dos se ejecutan por completo en tu navegador.
La pregunta de HEIC vs JPG para contextos específicos de iPhone tiene su propia guía: HEIC vs JPG: ¿qué formato deberías usar en 2026?
Prueba las herramientas
Marca una foto ahora mismo en tu navegador o instala la app de iOS para captura en vivo con GPS y hora atómica.