El futuro de los formatos de imagen - Cómo JPEG XL y WebP2 transformarán la Web
Panorama de formatos de nueva generación - Por qué se necesitan nuevos formatos
JPEG nació en 1992 y sigue siendo el formato de imagen más utilizado en la Web. Sin embargo, tras más de 30 años, la tecnología de visualización y los entornos de red han cambiado enormemente, haciendo cada vez más evidentes las limitaciones de JPEG. Los formatos de nueva generación buscan resolver estos problemas.
Limitaciones de JPEG:
- Baja eficiencia de compresión: a calidad equivalente, los archivos son 2-3 veces más grandes que los formatos modernos
- Sin soporte de transparencia: se necesita PNG cuando se requiere canal alfa
- Limitación a 8 bits de profundidad de color: no puede satisfacer las necesidades de pantallas HDR
- Artefactos de bloque: bordes de bloques 8x8 visibles a baja calidad
- Sin soporte de animación: se necesita GIF o formato de video
Un formato de nueva generación ideal debería tener:
- Eficiencia de compresión significativamente mayor (50%+ más pequeño que JPEG)
- Soporte de transparencia (canal alfa)
- Soporte HDR y gamut amplio
- Soporte de animación
- Soporte de decodificación progresiva
- Soporte de modos sin pérdida y con pérdida
- Velocidad de codificación/decodificación aceptable
Panorama competitivo actual (2025):
AVIF ha entrado en uso productivo, WebP es la opción más segura actualmente, JPEG XL es técnicamente excelente pero con soporte de navegador frustrado, WebP2 tiene desarrollo estancado. La batalla de formatos aún no está decidida.
Características técnicas de JPEG XL - El formato universal que busca reemplazar a JPEG
JPEG XL es un formato de nueva generación desarrollado por el comité JPEG, con el objetivo de diseño de convertirse en "un formato que unifique todo" como formato de imagen universal. Técnicamente es la solución más completa actualmente.
Ventajas técnicas principales:
- Eficiencia de compresión: modo con pérdida 60%+ más pequeño que JPEG, modo sin pérdida 35%+ más pequeño que PNG
- Transcodificación sin pérdida desde JPEG: puede convertir JPEG existente a JXL sin pérdida (ahorrando aprox. 20%), y puede restaurarse perfectamente al JPEG original
- Decodificación progresiva: soporta carga progresiva real, de borroso a nítido
- Soporte HDR: soporte nativo de funciones de transferencia PQ y HLG, hasta 32 bits de punto flotante
- Imágenes ultra grandes: soporta hasta 1 billón x 1 billón de píxeles
Rendimiento de codificación/decodificación:
Velocidad de decodificación comparable a JPEG (un solo hilo), soporta decodificación paralela multi-hilo. Velocidad de codificación ajustable: modo rápido cercano a la velocidad de codificación JPEG, modo de alta calidad más lento pero con mejor ratio de compresión.
Funciones destacadas:
- Soporte de animación (reemplazo de GIF y APNG)
- Soporte de múltiples capas y páginas
- Gestión de color integrada (perfil ICC o CICP)
- Soporte de codificación de región de interés (ROI)
Problema de soporte de navegadores de JPEG XL - La retirada de Chrome y perspectivas futuras
JPEG XL es técnicamente excelente, pero la decisión del equipo de Chrome en 2022 de eliminar el soporte para JPEG XL (anteriormente una función experimental) asestó un golpe significativo a su adopción en la Web.
Razones de la retirada de Chrome:
- Google considera que AVIF ya satisface las necesidades de imágenes Web
- Costos de seguridad y rendimiento de mantener un formato adicional
- Uso experimental extremadamente bajo de JPEG XL
- Google tiene mayor inversión en AVIF (basado en su AV1 liderado)
Estado actual de soporte de navegadores (2025):
- Safari 17+: soporte completo (Apple promueve activamente)
- Firefox: habilitado mediante flag, aún no activado por defecto
- Chrome/Edge: sin soporte, sin planes a corto plazo de añadirlo
Espacio de supervivencia de JPEG XL:
Aunque el soporte en navegadores Web es limitado, JPEG XL tiene perspectivas en las siguientes áreas:
- Flujo de trabajo de fotografía profesional (reemplazo de TIFF/DNG)
- Archivo de imágenes (transcodificación sin pérdida desde JPEG ahorra almacenamiento)
- Ecosistema Apple (soporte nativo iOS/macOS)
- Aplicaciones de escritorio y juegos (no dependen del navegador)
Posibilidades futuras:
Si Firefox habilita JPEG XL por defecto, junto con el soporte de Safari, la cobertura podría alcanzar 30-40%. En ese punto, proporcionar JXL como formato preferido mediante el elemento <picture> se volvería significativo.
Estado de desarrollo de WebP2 - ¿Se materializará el sucesor de WebP?
WebP2 es el sucesor planificado por Google del formato WebP, con el objetivo de utilizar tecnología de compresión más moderna para mejorar aún más la eficiencia. Sin embargo, su progreso de desarrollo es lento y las perspectivas son inciertas.
Objetivos de diseño de WebP2:
- 30%+ más pequeño que el modo con pérdida de WebP
- 20%+ más pequeño que el modo sin pérdida de WebP
- Mejor soporte HDR y gamut amplio
- Compresión de animación mejorada
- Estrategia de bloques más flexible
Base técnica:
WebP2 se basa en la tecnología de codificación intra-frame de AV1 (similar a AVIF), pero optimizada específicamente para imágenes estáticas. Usa bloques de transformación más grandes y más modos de predicción.
Estado de desarrollo actual (2025):
- El repositorio libwebp2 de Google tiene frecuencia de actualización extremadamente baja
- No hay información pública sobre planes de implementación en navegadores
- El éxito de AVIF puede hacer redundante a WebP2
- La comunidad generalmente cree que WebP2 puede no lanzarse formalmente
Por qué WebP2 puede ya no ser necesario:
AVIF ya proporciona la mayoría de las mejoras que WebP2 planeaba implementar (mayor compresión, HDR, gamut amplio). No tiene sentido que Google impulse simultáneamente dos formatos con funcionalidad superpuesta. WebP como formato de transición ya cumplió su misión; el siguiente paso lógico es saltar directamente a AVIF.
AVIF en la actualidad - El formato basado en AV1 entra en uso productivo
AVIF es actualmente el formato de imagen Web de nueva generación más prometedor. Basado en el códec de video AV1 abierto y libre de regalías, ha obtenido soporte de los principales navegadores y ha entrado en uso productivo.
Ventajas de AVIF:
- Eficiencia de compresión: 50%+ más pequeño que JPEG, 20%+ más pequeño que WebP
- Capacidad de color: soporta HDR (PQ/HLG), profundidad de color 10/12 bits, gamut amplio BT.2020
- Transparencia: soporta canal alfa, calidad superior a WebP
- Soporte de navegadores: Chrome 85+, Firefox 93+, Safari 16.1+
Desventajas de AVIF:
- Velocidad de codificación lenta: 10-100 veces más lento que la codificación JPEG (dependiendo de la configuración)
- Límite de resolución máxima: máximo por frame 8193x4320 (superable mediante grid)
- Decodificación progresiva: no soporta carga progresiva real
- Consumo de decodificación: consume más CPU/batería que la decodificación JPEG
Recomendaciones para uso en producción:
- Usar elemento
<picture>para proporcionar cadena de degradación AVIF + WebP + JPEG - Negociación de contenido CDN para seleccionar automáticamente el mejor formato
- Pre-generar archivos AVIF (codificación lenta no apta para conversión en tiempo real)
- Parámetro de calidad 30-50 corresponde a calidad visual JPEG 75-85
Estrategia de migración - Adopción gradual de formatos de nueva generación
Migrar de JPEG/PNG a formatos de nueva generación no requiere hacerlo todo de una vez. Una estrategia gradual permite obtener beneficios progresivamente mientras se controla el riesgo.
Primera fase: cobertura completa con WebP:
- Convertir todos los JPEG/PNG a WebP como formato preferido
- Usar
<picture>para mantener el formato original como degradación - El proceso de build genera automáticamente versiones WebP
- Beneficio esperado: reducción de tamaño de archivo 25-35%
Segunda fase: AVIF como prioridad:
- Añadir AVIF como formato de máxima prioridad sobre WebP
- Cadena de degradación: AVIF → WebP → JPEG/PNG
- Generar AVIF solo para contenido fotográfico (iconos/capturas continúan con WebP/PNG)
- Beneficio esperado: 20% adicional de reducción en navegadores con soporte AVIF
Tercera fase: monitorear JPEG XL:
- Seguir la dinámica de soporte de JPEG XL en Firefox y Chrome
- Considerar añadir a la cadena de degradación cuando la cobertura alcance 70%+
- La transcodificación sin pérdida de JPEG XL puede usarse inmediatamente para escenarios de archivo
Puntos clave de implementación:
- Usar negociación automática de formato CDN (cabecera Accept) para simplificar la implementación
- Pre-generar todas las versiones de formato en tiempo de build, evitar conversión en tiempo de ejecución
- Monitorear la proporción real de uso de cada formato y métricas de rendimiento
- Establecer línea base de calidad: asegurar que la calidad visual del nuevo formato no sea inferior al original