WebP, AVIF, JPEG XL: ¿qué formatos de imagen elegir en 2026?

Elegir un formato Web ya no consiste simplemente en «JPEG para fotos, PNG para transparencia». WebP está muy consolidado, AVIF funciona en los principales navegadores modernos y JPEG XL sigue evolucionando con capacidades técnicas interesantes pero una compatibilidad todavía no universal.

En 2026, la pregunta útil es qué formato encaja con la audiencia, el pipeline y el contenido.

Estado descrito a 30 de agosto de 2026. Compruebe de nuevo la compatibilidad antes de tomar decisiones de producción a largo plazo.

Panorama

Formato	Compresión	Transparencia	Animación	HDR	Compatibilidad Web
JPEG	con pérdida	no	no	limitada en uso común	excelente
PNG	sin pérdida	sí	vía APNG	uso SDR habitual	excelente
WebP	con/sin pérdida	sí	sí	más limitada	muy amplia
AVIF	con/sin pérdida	sí	sí	sí	amplia en navegadores modernos
JPEG XL	con/sin pérdida	sí	sí	sí	aún no universal

WebP

Su mayor ventaja es la madurez del ecosistema. Funciona bien para fotografías, miniaturas, catálogos, capturas e imágenes con transparencia cuando SVG no es apropiado.

AVIF

AVIF utiliza codificación AV1 y admite pérdida, sin pérdida, transparencia, animación, gran profundidad de color y HDR.

Puede ofrecer archivos muy compactos para fotografía, aunque la codificación puede ser más costosa.

JPEG XL

JPEG XL, normalizado como ISO/IEC 18181, ofrece pérdida y sin pérdida, decodificación progresiva, HDR, amplia gama, transparencia y animación.

Su problema en 2026 no es el diseño técnico sino una compatibilidad Web todavía insuficiente para utilizar .jxl como única fuente en un sitio generalista.

JPEG sigue siendo útil

JPEG conserva una compatibilidad histórica excepcional, decodificadores maduros y un comportamiento previsible. Puede seguir como fuente principal o fallback.

PNG

PNG continúa siendo valioso para gráficos sin pérdida, transparencias y determinadas capturas. Para fotografía suele ser mucho más pesado.

<picture> y fallback

<picture>
  <source srcset="/visual.avif" type="image/avif">
  <source srcset="/visual.webp" type="image/webp">
  <img src="/visual.jpg" alt="Descripción">
</picture>

Ofrecer fallback es mejora progresiva normal.

No multiplicar variantes sin motivo

Generar JPEG + WebP + AVIF + JPEG XL para cada archivo aumenta codificación, almacenamiento, complejidad de build, caché y pruebas.

Dos o tres variantes bien elegidas suelen ser suficientes.

Los niveles de calidad no son comparables

«Calidad 80» en dos codecs distintos no representa necesariamente la misma calidad perceptual. Compare misma fuente, mismas dimensiones, mismo uso y peso final.

Elección práctica

Para un sitio generalista, WebP es una opción madura; AVIF puede aportar más ahorro; JPEG es un fallback fiable.

En proyectos centrados en rendimiento, pruebe AVIF sobre un conjunto representativo. JPEG XL merece experimentación, pero todavía con fallback para una audiencia general.

El formato no sustituye al redimensionamiento

Un AVIF de 6000 px sigue siendo excesivo si se muestra a 400 px.

Prioridad:

1. dimensiones;
2. formato;
3. compresión;
4. variantes responsive;
5. caché y distribución.

En agosto de 2026, WebP sigue siendo un equilibrio pragmático, AVIF es una opción moderna sólida y JPEG XL continúa siendo técnicamente atractivo pero debe desplegarse con prudencia.