AVIF vs JPG: ¿qué formato deberías usar?

El formato AVIF gana en compresión. JPG gana en compatibilidad. Esa tensión es el tema de esta guía.

Si estás construyendo un sitio web y te importa la velocidad de carga, AVIF es probablemente el valor predeterminado correcto para fotografías e imágenes complejas. Si compartes un archivo con alguien y no puedes predecir qué software usa, JPG sigue siendo la opción más segura. La decisión no es sobre qué formato es técnicamente superior, sino sobre dónde termina la imagen y quién la abre.

Esta guía cubre qué es AVIF, cómo se compara con JPG y WebP en tamaño de archivo y calidad, cómo está realmente el soporte de navegadores y software en 2026, cómo implementarlo correctamente en la web y cómo convertir entre formatos cuando lo necesites.

¿Qué es AVIF?

AVIF significa AV1 Image File Format (Formato de Archivo de Imagen AV1). Es un formato de imagen derivado del códec de video AV1, desarrollado por la Alliance for Open Media —un consorcio que incluye a Google, Apple, Mozilla, Netflix, Amazon e Intel, entre otros. La primera especificación estable se publicó en 2019.

La razón principal por la que AVIF comprime mucho mejor que los formatos antiguos es que utiliza los mismos algoritmos de compresión que AV1 usa para video. JPEG fue diseñado en 1992 para las limitaciones de hardware de esa época. AVIF aplica tres décadas de investigación en codificación perceptual de imágenes, por lo que puede descartar más datos que el sistema visual humano no percibe.

Más allá de la compresión, el formato AVIF soporta capacidades que JPG simplemente no tiene:

Transparencia alfa —útil para imágenes que necesitan superponerse sobre diferentes fondos
Amplia gama de colores y HDR —renderizado preciso en pantallas modernas
Profundidad de color de 10 y 12 bits —mayor rango tonal que el límite de 8 bits de JPG
Compresión sin pérdidas —una opción que JPG no ofrece en absoluto
Animación —una alternativa más eficiente a GIF o WebP animado

JPG no soporta nada de eso. Es un formato solo con pérdida, de 8 bits, sin transparencia —y esa estrechez es también su mayor fortaleza en cuanto a compatibilidad universal.

JPEG XL es otro formato moderno que vale la pena mencionar de pasada: ofrece una eficiencia de compresión comparable con un mejor soporte de renderizado progresivo, pero la adopción por parte de los navegadores aún es limitada. AVIF tiene el soporte en el mundo real más amplio hoy en día.

AVIF vs JPG: tamaño del archivo

El hallazgo consistente en las pruebas independientes es que AVIF produce archivos aproximadamente un 45-55% más pequeños que JPG con una calidad visual comparable.

El conjunto de datos más citado en el mundo real proviene de las pruebas de Jake Archibald con una fotografía de F1. La misma imagen codificada con una calidad percibida similar resultó ser:

JPG: 74,4 kB
WebP: 43 kB
AVIF: 18,2 kB

Ese archivo AVIF es menos del 25% del tamaño del JPG equivalente. Para imágenes naturales complejas —el caso de uso principal para ambos formatos— ese resultado es consistente, no una excepción.

El análisis de Smashing Magazine encontró ahorros del 45-50% en contenido web fotográfico típico, con casos extremos que alcanzaron archivos de una décima parte del tamaño del JPG. Netflix, uno de los miembros fundadores de la Alliance for Open Media, ha publicado datos internos que muestran reducciones significativas de ancho de banda en el mismo nivel de calidad.

La advertencia: la ventaja de AVIF se reduce en imágenes simples y planas con grandes áreas de color sólido. Para ellas, PNG o SVG sin pérdidas suelen ser la mejor opción, independientemente. Y si se parte de un JPG precomprimido en lugar de una fuente sin pérdidas, AVIF no recuperará las pérdidas ya incorporadas.

AVIF vs JPG: calidad

Los archivos más pequeños solo importan si la calidad se mantiene. Y lo hace —y, en algunos aspectos, la calidad de AVIF con el mismo tamaño de archivo es notablemente mejor.

Los artefactos de compresión JPG aparecen como distorsiones en bloques en los bordes de alto contraste, más visibles en configuraciones de menor calidad. Los artefactos AVIF se ven diferentes: más suaves y borrosos, apareciendo mucho más tarde en la curva de compresión. La mayoría de los usuarios encuentran que la degradación de AVIF es menos ofensiva visualmente que el característico bloqueo de JPG.

En configuraciones de alta calidad, donde ambos formatos se ven casi idénticos, AVIF sigue ganando en tamaño de archivo. En compresión agresiva, donde el tamaño del archivo se reduce al mínimo posible, AVIF mantiene detalles reconocibles donde JPG se desmorona.

Equivalencia de configuración de calidad (simplificada): Un AVIF codificado con calidad 50 (en una escala de 0 a 100) es ampliamente comparable en calidad percibida a un JPEG con calidad 80. Esto es importante para las herramientas: si tu flujo de trabajo existente usa JPEG en q80, normalmente puedes usar AVIF en q50-60 y obtener un resultado similar con una fracción del tamaño del archivo.

Advertencia de recompresión: Si estás codificando AVIF desde una fuente que ya es un JPG comprimido, los artefactos de compresión existentes confundirán al codificador y los resultados serán peores de lo esperado. La mejor salida AVIF siempre proviene de una fuente sin pérdidas —un archivo sin procesar, un TIFF sin comprimir o un PNG de alta calidad.

AVIF sin pérdidas vs PNG: Para capturas de pantalla, maquetas de interfaz de usuario y otras imágenes planas o con mucho texto, AVIF sin pérdidas y PNG son la comparación relevante. PNG tiene un soporte más universal en las herramientas de diseño, pero AVIF sin pérdidas puede ser significativamente más pequeño. Para la entrega web, AVIF sin pérdidas vale la pena considerarlo; para archivos compartidos con diseñadores o desarrolladores, PNG sigue siendo la opción práctica.

AVIF vs WebP vs JPG: comparación a tres bandas

WebP es el formato que se encuentra entre los dos. Google lo desarrolló como una mejora de JPG y ha sido compatible con Chrome desde 2010. Vale la pena entender la situación de los tres formatos:

	JPG	WebP	AVIF
Tamaño de archivo típico vs JPG	base	~30% más pequeño	~50% más pequeño
Compresión con pérdida	Sí	Sí	Sí
Compresión sin pérdida	No	Sí	Sí
Transparencia alfa	No	Sí	Sí
HDR / Gama de color amplia	No	No	Sí
Profundidad de color de 10/12 bits	No	No	Sí
Animación	No	Sí	Sí
Soporte de navegador (2026)	Universal	97%+	94%+
OS / Ecosistema de aplicaciones	Universal	Bueno	Parcial
Velocidad de codificación	Rápido	Rápido	Lento

El papel práctico de WebP hoy en día es como una capa de respaldo en una pila de entrega progresiva. Comprime mejor que JPG, tiene un amplio soporte en herramientas y sistemas operativos, y maneja casos límite donde el soporte de AVIF es incompleto. Los tres formatos no son mutuamente excluyentes: un elemento <picture> bien implementado sirve AVIF a los navegadores que lo soportan, WebP como respaldo y JPG como base para todo lo demás.

Si necesitas elegir solo un formato y no puedes servir múltiples variantes, el cálculo es:

Compatibilidad máxima: JPG
Buena compresión, amplio soporte de ecosistema: WebP
Mejor compresión para entrega web: AVIF con respaldos

Soporte de navegadores y software en 2026

El soporte de navegadores es un problema mayormente resuelto. A principios de 2026:

Navegador	Soporte AVIF	Desde
Chrome / Chromium	Sí	v85 (Agosto 2020)
Firefox	Sí	v93 (Octubre 2021)
Safari	Sí	Safari 16 / macOS Ventura (Septiembre 2022)
Edge	Sí	v121 (Enero 2024)
Samsung Internet	Sí	v14
Opera	Sí	v71
Internet Explorer	No	Nunca

La cobertura global de navegadores para AVIF está por encima del 94% de los usuarios web. Para el público web masivo en 2026, el soporte de navegadores no es un obstáculo significativo.

La verdadera brecha de compatibilidad está fuera del navegador. Esto es lo que se les escapa a los artículos de la competencia de 2020-2022, porque la situación ha cambiado:

Contexto	Soporte AVIF
Aplicación Fotos de Windows	Sí (con la extensión de video AV1 de Microsoft Store; viene en algunos dispositivos)
Vista previa de macOS	Sí (desde macOS Ventura / 13.0, 2022)
Fotos de iOS	Sí (desde iOS 16)
Fotos de Android	Sí
Adobe Photoshop	Sí (desde 23.2, 2022)
GIMP	Sí (a través de un complemento; experimental)
Affinity Photo	Parcial
Gmail / Outlook / Apple Mail	No — AVIF no se renderiza en la mayoría de los clientes de correo electrónico
Biblioteca de medios de WordPress	Sí (desde WordPress 6.5, 2024)
La mayoría de los CDN (Cloudflare, Fastly, Imgix)	Sí
Plataformas CMS antiguas	Inconsistente

Los clientes de correo electrónico son la mayor brecha práctica. Si incrustas una imagen en un correo electrónico y esta está en formato AVIF, la mayoría de los destinatarios verán una imagen rota. Usa JPG para el correo electrónico sin excepción.

Windows también merece una nota: Windows 11 viene con soporte AVIF en la aplicación Fotos en la mayoría de las configuraciones, pero depende de que la Extensión de Video AV1 esté instalada. En instalaciones limpias de Windows o en entornos empresariales donde la Microsoft Store está restringida, AVIF puede no abrirse en el visor predeterminado. Cuando tengas dudas, usa JPG para los archivos compartidos fuera de tu control.

Velocidad de codificación

La eficiencia de compresión de AVIF tiene un costo real: la codificación es lenta.

En hardware de consumo típico, codificar una sola imagen AVIF de alta calidad a partir de un archivo fuente puede llevar varios segundos. JPG codifica en milisegundos. WebP se encuentra en un punto intermedio. Para un lote de cientos de fotos de productos, la diferencia no es trivial.

La situación ha mejorado con el tiempo a medida que las implementaciones de los codificadores han madurado, pero la codificación AVIF sigue siendo notablemente más lenta que JPG o WebP con una calidad equivalente.

La decodificación (mostrar la imagen en un navegador o aplicación) es rápida y comparable a JPG en la práctica. La lentitud es un costo del tiempo de codificación, no un costo del lado del visualizador.

Consecuencias prácticas para tu flujo de trabajo:

AVIF es apropiado para activos estáticos preprocesados — codificar una vez, servir muchas veces
No es la opción correcta para la generación de imágenes en tiempo real o la recodificación sobre la marcha sin una infraestructura de codificación dedicada
Los pipelines de construcción, los CDN de imágenes y las herramientas de tiempo de construcción (Sharp, libvips, ImageMagick con libaom) son la forma correcta de producir AVIF a escala

Cómo servir AVIF en la web

La implementación correcta es el elemento <picture> de HTML con una cadena de respaldo progresiva. Aquí hay un fragmento listo para copiar y pegar:

<picture>
  <!-- AVIF: la mejor compresión, servido a los navegadores que lo soportan -->
  <source srcset="image.avif" type="image/avif">
  <!-- WebP: respaldo para navegadores sin soporte AVIF -->
  <source srcset="image.webp" type="image/webp">
  <!-- JPG: respaldo universal; incluir siempre -->
  <img src="image.jpg" alt="Descripción de la imagen" width="800" height="600">
</picture>

El navegador evalúa los elementos <source> en orden y elige el primer tipo que puede decodificar. Los navegadores que soportan AVIF obtienen image.avif. Los navegadores que soportan WebP pero no AVIF obtienen image.webp. Todo lo demás —incluido Internet Explorer, navegadores móviles más antiguos y cualquier contexto en el que la imagen se use fuera de un navegador— obtiene image.jpg.

Notas clave de implementación:

El atributo type en cada <source> es obligatorio. Sin él, el navegador no puede omitir formatos no compatibles.
Incluye siempre width y height en el elemento <img> para evitar cambios de diseño (un factor de Core Web Vitals).
El atributo alt está en el elemento <img>, no en los elementos <source>.
Si tus imágenes se sirven desde un CDN que maneja la negociación de formato a través de encabezados Accept (Cloudflare Images, Imgix, Cloudinary), el CDN puede manejar esta lógica del lado del servidor y puedes servir una única URL. El enfoque <picture> es para cuando gestionas tu propio pipeline de codificación.
Para srcset con múltiples resoluciones, añade el atributo srcset con descriptores de tamaño también a los elementos <source>.

Esta pila de tres capas (AVIF → WebP → JPG) es la mejor práctica actual para la entrega de imágenes web en 2026. Cubre todos los navegadores, se degrada elegantemente y ofrece el archivo más pequeño posible a cada usuario.

Cuándo usar AVIF (y cuándo no)

Usa AVIF cuando:

Estás publicando imágenes en un sitio web y controlas la cadena de codificación
La velocidad de carga de la página y las puntuaciones de Core Web Vitals importan (las imágenes representan una gran parte de los elementos Largest Contentful Paint)
Estás codificando desde un archivo fuente sin pérdidas, no un JPG pre-comprimido
Tu hosting, CDN y CMS permiten la entrega de AVIF
Puedes implementar un respaldo WebP/JPG a través de <picture> o negociación de contenido del lado del servidor
La reducción de ancho de banda tiene un impacto empresarial medible (sitios de alto tráfico, audiencias mobile-first)

No uses AVIF cuando:

El archivo se comparte con personas o herramientas fuera de tu control
El destino es el correo electrónico — AVIF no se renderiza en los clientes de correo electrónico
Estás entregando imágenes a clientes, colaboradores o proveedores que esperan un formato estándar
La imagen será abierta por usuarios que quizás no tengan software actualizado o un sistema operativo moderno
Necesitas procesar o recodificar imágenes en tiempo real sin infraestructura dedicada
Quieres garantizar que el archivo se abra al primer intento, sin problemas

La versión corta: AVIF en la web, JPG en cualquier otro lugar.

Cómo convertir AVIF a JPG

El escenario de conversión más común es AVIF a JPG: has recibido un archivo AVIF —de una cámara moderna, una descarga de navegador, un activo web— y necesitas compartirlo en un formato que se abra en todas partes.

Puedes convertir AVIF a JPG directamente en privateconvert.org/tools/avif-to-jpg. La conversión se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor — el procesamiento ocurre localmente en tu dispositivo usando WebAssembly.

Esto es importante por varias razones:

Privacidad: Las imágenes suelen contener contenido sensible. Un conversor del lado del navegador significa que ningún archivo abandona tu máquina, independientemente del contenido de la imagen.
Velocidad: Sin ida y vuelta de subida. Los archivos grandes se convierten más rápido que con las herramientas basadas en servidor.
No se requiere cuenta: Convierte y descarga inmediatamente.

La herramienta también admite la conversión por lotes, lo cual es útil cuando tienes varios archivos AVIF que preparar para una entrega, un CMS heredado o un flujo de trabajo que espera JPG.

Ir en la otra dirección —JPG a AVIF— tiene sentido cuando estás optimizando activos web. Comienza desde el JPG de mayor calidad que tengas, o mejor, el archivo fuente sin pérdidas. Volver a comprimir un JPG ya comprimido a AVIF agrava los artefactos existentes y no te dará las ganancias de tamaño de archivo que esperas.

Preguntas frecuentes

¿Qué es AVIF y por qué debería usarlo? AVIF (AV1 Image File Format) es un formato de imagen moderno derivado del códec de video AV1, desarrollado por la Alliance for Open Media. Deberías usarlo para la entrega web porque produce archivos aproximadamente un 50% más pequeños que JPG con la misma calidad visual, con soporte completo de los navegadores modernos. También soporta transparencia, HDR y profundidad de color de 10/12 bits, características que JPG no tiene.

¿Es AVIF mejor que JPG? Para la entrega web: sí. AVIF produce archivos más pequeños con una calidad equivalente y soporta características más avanzadas. Para la compatibilidad universal —compartir archivos, correo electrónico, software antiguo— JPG sigue siendo la opción más segura. “Mejor” depende de dónde termine el archivo.

¿A qué se compara la calidad de AVIF 50 en términos de JPEG? Las escalas de calidad de AVIF y JPEG no son directamente equivalentes, pero como guía práctica: AVIF con calidad 50 produce una salida broadly comparable en calidad percibida a JPEG con calidad 80. Esto significa que puedes apuntar a números de calidad significativamente más bajos en AVIF y aun así obtener resultados visualmente similares con una fracción del tamaño del archivo. La configuración de calidad es específica del codificador, así que trata esto como un punto de partida y verifica visualmente con tu contenido.

¿Funciona AVIF en todos los navegadores en 2026? Todos los principales navegadores modernos soportan AVIF: Chrome (desde 2020), Firefox (desde 2021), Safari (desde 2022) y Edge (desde principios de 2024). La cobertura global de navegadores supera el 94%. Internet Explorer no soporta AVIF, pero IE tiene una cuota de mercado insignificante. La brecha más relevante está fuera de los navegadores: clientes de correo electrónico, algunas aplicaciones de escritorio y entornos empresariales de Windows sin la extensión AV1.

¿Por qué mi archivo AVIF es más grande que el JPG original? Esto suele ocurrir cuando se vuelve a comprimir un JPG ya comprimido a AVIF. Los artefactos de compresión existentes confunden al codificador. Para obtener los mejores resultados, siempre codifica AVIF a partir de una fuente sin pérdidas. También puede ocurrir con imágenes planas muy simples, donde la sobrecarga de formato de AVIF supera sus ganancias de compresión.

¿AVIF soporta renderizado progresivo como JPEG? No de la misma manera. La codificación progresiva JPEG muestra una versión de baja resolución de la imagen mientras se carga y luego la afina, útil en conexiones lentas. AVIF no soporta renderizado progresivo de la misma manera incremental. Esta es un área donde JPEG XL tiene una ventaja. Para la mayoría de las conexiones modernas, el tamaño de archivo AVIF más pequeño significa que la imagen se carga más rápido en general, lo cual importa más que el renderizado progresivo en la práctica.

¿Cómo abro archivos AVIF en Windows? En Windows 11, la aplicación Fotos soporta AVIF si la Extensión de Video AV1 está instalada (disponible gratuitamente en la Microsoft Store). En algunas compilaciones de Windows 11 está preinstalada; en otras, especialmente en entornos empresariales, es posible que tengas que instalarla manualmente. Chrome, Firefox y Edge también abren archivos AVIF de forma nativa. Si necesitas convertir un AVIF que has recibido, privateconvert.org/tools/avif-to-jpg gestiona la conversión en tu navegador sin necesidad de instalar software.

¿Puedo realizar una conversión por lotes de AVIF a JPG? Sí. El convertidor de AVIF a JPG en privateconvert.org soporta la conversión por lotes: arrastra y suelta varios archivos y descárgalos como JPG. Debido a que el procesamiento es local, no hay límite de tamaño de archivo impuesto por las restricciones de carga. Para lotes muy grandes en un pipeline de producción, las herramientas de línea de comandos como ImageMagick (convert input.avif output.jpg) o Sharp (Node.js) son apropiadas.

Si tienes un archivo AVIF que necesitas convertir ahora mismo, el convertidor de AVIF a JPG lo maneja en tu navegador — sin subir, sin cuenta, los archivos permanecen en tu dispositivo.