AVIF vs JPEG XL: ¿Cuál es el ganador?

Usa AVIF, porque funciona en todos los navegadores principales, mientras que JPEG XL no. En la mayoría de los aspectos técnicos, JPEG XL es el formato más sólido, ya que ofrece transcodificación JPEG sin pérdidas, decodificación progresiva y una excelente calidad por byte. Sin embargo, a efectos prácticos, no es viable implementarlo en la web abierta.

Chrome eliminó el soporte para JPEG XL en 2023, alegando un interés insuficiente del ecosistema, y sin Chrome un formato de imagen web no prospera. AV1 Image File Format (AVIF) tuvo la ventaja de apoyarse en AV1, un códec de video en el que los desarrolladores de navegadores ya estaban invirtiendo. La mejor tecnología perdió frente a la que tenía la estrategia de distribución más sólida, lo cual no es un patrón nuevo.

Cómo se comparan los 2 formatos

JPEG XL gana en velocidad de codificación, carga progresiva y conversión JPEG sin pérdidas, mientras que AVIF gana en la única medida que decide la implementación, que es el soporte del navegador.

La fila de transcodificación JPEG sin pérdidas es la capacidad que la web perdió. JPEG XL puede empaquetar un JPEG existente un 20 por ciento más pequeño y volver a convertirlo al archivo original idéntico, lo que habría permitido reducir los archivos sin riesgo alguno.

Por qué Chrome eliminó JPEG XL

Chrome citó un interés insuficiente del ecosistema, un beneficio limitado sobre los formatos existentes y el costo de mantenimiento de otro decodificador. La decisión se anunció en 2022 y entró en vigor en 2023.

El razonamiento fue cuestionado en su momento y lo sigue siendo. Los partidarios señalaron ventajas de compresión medibles y el respaldo de varios grandes editores de imágenes. El contraargumento fue que AVIF ya ofrecía la mayor parte del beneficio utilizando un decodificador que los navegadores ya incluían para video. Cualquiera que sea la opinión correcta, un formato sin Chrome no se puede servir a la mayoría del tráfico web.

Dónde se sigue utilizando JPEG XL

JPEG XL sobrevive en la fotografía profesional, el almacenamiento de archivos y el software de Apple, donde un solo proveedor controla la cadena de distribución. Safari añadió soporte en 2023, lo que mantiene vivo el formato en las plataformas de Apple.

• Los archivos fotográficos utilizan la transcodificación JPEG sin pérdidas para reducir el almacenamiento sin riesgo de pérdida.
• Los flujos de trabajo de cámaras profesionales se benefician de la alta profundidad de bits y el amplio soporte de color.
• Las plataformas de Apple pueden decodificarlo, lo que lo hace viable dentro de ecosistemas cerrados.
• Las imágenes médicas y científicas valoran el modo sin pérdidas y la decodificación progresiva.
• No en la web abierta, donde un formato tiene que funcionar en todos los navegadores para ser utilizable.

Cuándo usar AVIF en un sitio web

Usa AVIF en tus fotografías más grandes, donde ahorra entre un 20 y un 30 por ciento en comparación con WebP. La ventaja crece con el tamaño de la imagen y desaparece en gráficos pequeños.

Las imágenes de portada, los banners de ancho completo y las galerías de fotografía son los casos claros. Por debajo de aproximadamente 10 KB, un archivo AVIF suele ser más grande que el equivalente en WebP, porque la sobrecarga del contenedor supera la ganancia de compresión. Dividir una biblioteca por tamaño, con AVIF en las imágenes pesadas y WebP en todo lo demás, aprovecha la mayor parte del beneficio sin el costo de codificación.

El costo de la codificación AVIF

AVIF se codifica varias veces más lento que WebP, lo que importa en lotes grandes más que en imágenes individuales. Una fotografía que se convierte a WebP en menos de un segundo puede tardar varios segundos en AVIF.

En un lote de 500 imágenes, la diferencia se mide en minutos. Ese costo se paga una vez por imagen y nunca más, ya que la decodificación es rápida en todos los navegadores compatibles. Planifica una conversión grande cuando el equipo esté libre de otras tareas y mantén la pestaña del navegador en primer plano, porque los navegadores limitan las pestañas en segundo plano y ralentizan considerablemente el trabajo.

Cómo servir AVIF de forma segura

Para usar AVIF sin romper la compatibilidad con navegadores más antiguos, sigue estos 5 pasos.

1. Identifica las imágenes más grandes de cada página, que suelen ser los banners de portada y las fotografías principales.
2. Reduce cada imagen al ancho que ocupa en la página, duplicado para pantallas de alta densidad.
3. Convierte a AVIF con una calidad de 60 a 70, ya que AVIF mantiene el detalle con números más bajos que JPEG.
4. Convierte la misma fuente a WebP como segunda opción y mantén el JPEG original como alternativa final.
5. Sirve las 3 opciones a través de un elemento picture con AVIF primero, WebP segundo y JPEG en la etiqueta img.

El navegador toma el primer formato que entiende, por lo que nada se rompe en ningún sitio. Escribir el código suele llevar más tiempo que convertir los archivos.

Los ajustes de calidad de AVIF se comportan de forma diferente

La calidad AVIF 60 se ve comparable a la calidad JPEG 85, por lo que los números familiares no se trasladan directamente. Usar los hábitos de JPEG con AVIF produce archivos mucho más grandes de lo necesario.

Comienza en 60 para fotografías y ajusta desde ahí. Presta atención a un fallo específico, ya que AVIF con ajustes agresivos tiende a suavizar las texturas finas en lugar de producir bloques, lo que puede hacer que el césped, el cabello y las telas parezcan pintados. Ese artefacto es menos molesto que la pixelación de JPEG y es fácil de pasar por alto hasta que alguien lo señala.

Cómo gana o pierde un formato

La distribución decide los formatos de imagen, no el mérito técnico, y los desarrolladores de navegadores controlan la distribución. El mismo patrón produjo el resultado para WebP, que tuvo éxito porque Chrome lo incorporó, y para JPEG 2000, que fracasó a pesar de ser técnicamente capaz.

AVIF se benefició de una decisión tomada sobre el video en lugar de las imágenes. Los desarrolladores de navegadores ya habían invertido en AV1 para reducir los costos de transmisión, por lo que añadir un formato de imagen basado en el mismo decodificador les costó muy poco. JPEG XL requería un nuevo decodificador, nuevo mantenimiento y una nueva superficie de seguridad, con un beneficio que los navegadores consideraron marginal frente a lo que ya ofrecían.

¿Afecta algo de esto a los usuarios comunes?

No, la mayoría de la gente nunca elige un formato de imagen directamente, y la decisión la toma la plataforma a través de la cual publican. El debate importa a los propietarios de sitios, fotógrafos y desarrolladores que controlan su propia distribución.

Cualquiera que publique a través de un mercado, una red social o un creador de sitios alojados está subiendo JPG o PNG y dejando que la plataforma vuelva a codificar. El argumento del formato te llega solo cuando controlas los archivos que descarga un visitante, razón por la cual domina las discusiones sobre rendimiento web y es invisible en cualquier otro lugar.

Qué significa esto para tu biblioteca

Conserva los archivos maestros sin pérdidas, publica en AVIF y WebP, e ignora el debate sobre los formatos. Los formatos de entrega cambian cada pocos años, mientras que un archivo maestro sigue siendo útil indefinidamente.

Cualquiera que haya convertido una biblioteca entera a un formato de entrega y haya eliminado los originales se ha enfrentado a este problema antes. El almacenamiento es económico en comparación con volver a fotografiar un catálogo, por lo que la estrategia práctica es almacenar la mejor versión que tengas y generar copias de entrega cada vez que la web cambie de opinión.

¿Volverá JPEG XL?

Un regreso requeriría que Chrome revirtiera su decisión, y ningún anuncio sugiere que eso esté planeado. El soporte de Safari y el interés continuo del software de fotografía evitan que el formato desaparezca por completo.

Los formatos han regresado de posiciones peores antes, por lo que la pregunta está abierta en lugar de cerrada. Construir un sitio web en torno a esa posibilidad no sería prudente. Usa AVIF y WebP para la entrega hoy, conserva los maestros en un formato sin pérdidas, y adoptar cualquier formato futuro se convertirá en una conversión por lotes en lugar de una reconstrucción.

Cómo convertir una biblioteca a AVIF

Convierte desde el archivo maestro original en lugar de un JPEG existente, porque una fuente con pérdidas traslada el daño al nuevo archivo. El codificador AVIF gasta bits describiendo artefactos de JPEG que no puede distinguir del detalle real.

Añade hasta 500 archivos juntos, o entrega un archivo ZIP, y todo el conjunto se codificará en una sola ejecución. Todo se ejecuta dentro de tu navegador en tu propio procesador, por lo que las bibliotecas de fotografía, el trabajo de clientes y los activos de campañas no publicados nunca llegan a un servidor. Codificar localmente también significa que un lote grande se ejecuta a la velocidad de tu máquina en lugar de a la velocidad de una subida.