Comparativa de AVIF

AVIF frente a WebP, JPEG, PNG, HEIC y JPEG XL

Compara los formatos con ejemplos interactivos y datos técnicos de AVIF, WebP, JPEG, PNG, HEIC y JPEG XL.

Última revisión: 25 de octubre de 2026

Compara el rendimiento

La misma página, el mismo contenido: solo cambia el formato de las imágenes.

En nuestra prueba móvil (4G lenta), AVIF obtuvo 88/100 frente a 80/100 de JPG. Speed Index: 2,3 s frente a 4,6 s. PageSpeed indicó que se podrían optimizar 4.586 KB de imágenes JPG. Haz la prueba por tu cuenta — los valores pueden variar según la carga del servidor.

Versión AVIF — .avif
Rendimiento 88 / 100
LCP ← métrica más importante 3,6 s
FCP 2,3 s
Speed Index 2,3 s
TBT 0 ms
CLS 0
Ahorro posible en imágenes 1.267 KB

Probado el 20/09/2026 a las 12:33 (CEST) · Móvil (4G lenta) · Lighthouse 13.4.1

Core Web Vitals: dentro de los umbrales recomendados Escritorio: 99/100 · LCP 0,8 s

Ejecutar la prueba en PageSpeed Insights Ver la página AVIF
Versión JPG — .jpg
Rendimiento 80 / 100
LCP ← métrica más importante 3,7 s
FCP 3,3 s
Speed Index 4,6 s
TBT 0 ms
CLS 0
Transferencia de red 5.059 KB ⚠️
Ahorro posible en imágenes 4.586 KB PageSpeed recomienda optimizar

Probado el 20/09/2026 a las 12:33 (CEST) · Móvil (4G lenta) · Lighthouse 13.4.1

Core Web Vitals: dentro de los umbrales recomendados Escritorio: 99/100 · LCP 0,8 s

Ejecutar la prueba en PageSpeed Insights Ver la página JPG
Sobre estos resultados: Las dos páginas son estructuralmente idénticas: el mismo HTML, el mismo CSS y el mismo contenido. Solo difiere el formato de las imágenes. PageSpeed Insights se ejecuta en la infraestructura de Google y los resultados pueden variar entre ejecuciones según la carga del servidor y las condiciones de red. La métrica LCP mide cuándo se hace visible para el usuario la imagen más grande, por lo que es la más reveladora para comparar formatos de imagen.

AVIF vs. WebP

Dos formatos de imagen web modernos con puntos fuertes distintos

Comparación visual Arrastra el control deslizante para comparar • Ver más ejemplos de AVIF

Imagen de ejemplo WebP Imagen de ejemplo AVIF
AVIF WebP
WebP
348 KB
Alta calidad
Google 2010
17 %
Más pequeño en este ejemplo
60 KB de diferencia
AVIF
288 KB
Alta calidad
AOMedia 2019

Resultado de ejemplo con una fotografía de paisaje y ajustes de calidad comparables. Los resultados varían según la imagen y el codificador.

CaracterísticaAVIFWebPNotas
Eficiencia de compresión Muy buena Muy buena Los resultados varían según la imagen y los ajustes
Velocidad de codificación Más lenta Más rápida WebP es más rápido con alta calidad
Compatibilidad con navegadores Todos los navegadores modernos principales Todos los navegadores modernos principales Consulta Can I Use
HDR / amplia gama de color Sí Limitado AVIF cuenta con compatibilidad normalizada con HDR
Profundidad de color de 10/12 bits Sí No
Transparencia Sí Sí Ambos admiten alfa
Animación Sí Sí Ambos admiten animación
Conviene considerar AVIF si
  • la eficiencia de compresión es la prioridad
  • necesitas HDR o una amplia gama de color
  • codificas para una caché de entrega estática
  • importa la profundidad de color de 10/12 bits
Conviene considerar WebP si
  • importa la velocidad de codificación
  • generas imágenes bajo demanda
  • tu flujo de trabajo ya usa WebP
  • la compatibilidad con imágenes animadas es un tema

AVIF suele resultar atractivo cuando priman la eficiencia de compresión y las funciones avanzadas de imagen. WebP puede ser la mejor opción cuando importan más la velocidad de codificación, la compatibilidad con las herramientas existentes o la sencillez del flujo de trabajo.

Con el elemento <picture> puedes entregar ambos, así que no tienes que elegir uno:

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description" loading="lazy">
</picture>

AVIF vs. JPEG

Un formato de nueva generación frente al estándar web consolidado

Comparación visual Arrastra el control deslizante para comparar • Estos archivos usan ajustes de codificación distintos.

Ejemplo JPEG Ejemplo AVIF
AVIF JPEG
JPEG
1,25 MB
Alta calidad
JPEG Group 1992
95 %
Más pequeño en este ejemplo
Consulta la nota de abajo
AVIF
64 KB
Buena calidad visual
AOMedia 2019
Sobre este ejemplo: el JPEG de este ejemplo se guardó con un ajuste de calidad alto; el AVIF se codificó con un ajuste de calidad más bajo que, aun así, da buenos resultados visuales en esta imagen. La diferencia del 95 % corresponde a esta combinación de codificación concreta. En muchas imágenes fotográficas, AVIF puede generar archivos notablemente más pequeños que JPEG con calidad visual comparable, pero el ahorro exacto depende de la imagen y de los ajustes de codificación.
CaracterísticaAVIFJPEGNotas
CompresiónMás eficiente en muchas imágenesMuy compatibleLos resultados dependen de la imagen y de los ajustes
TransparenciaSíNoJPEG no admite alfa
HDRSíNoAVIF cuenta con compatibilidad normalizada con HDR
Compatibilidad con navegadoresTodos los navegadores modernos principalesPrácticamente universalJPEG funciona en prácticamente cualquier software
Velocidad de codificaciónMás lentaMuy rápida
Sin pérdidaSíNormalmente noAVIF admite la codificación sin pérdida
Conviene considerar AVIF si
  • te diriges a navegadores modernos
  • necesitas transparencia o HDR
  • la eficiencia del tamaño de archivo es la prioridad
  • puedes ofrecer un JPEG de respaldo
JPEG sigue siendo útil si
  • se necesita la máxima compatibilidad (navegadores antiguos, clientes de correo, software)
  • se necesita una codificación rápida
  • sirve de formato de respaldo para navegadores sin AVIF
  • trabajas con sistemas que no admiten AVIF

En muchas imágenes fotográficas, AVIF puede generar archivos más pequeños que JPEG con calidad visual comparable y ofrece capacidades que JPEG no tiene (transparencia, HDR). JPEG mantiene su ventaja en compatibilidad universal y velocidad de codificación. Para sitios web dirigidos a navegadores modernos, AVIF con un JPEG de respaldo es un enfoque práctico.

AVIF vs. PNG

AVIF con opción de compresión con pérdida frente al estándar sin pérdida PNG

Comparación visual Arrastra el control deslizante para comparar • PNG es sin pérdida; el AVIF de este ejemplo usa codificación con pérdida.

Ejemplo PNG Ejemplo AVIF
AVIF PNG
PNG
1,21 MB
Sin pérdida
PNG Group 1996
96 %
Más pequeño en este ejemplo
Consulta la nota de abajo
AVIF
43 KB
Con pérdida - buena calidad
AOMedia 2019
Nota sobre esta comparación: PNG usa compresión sin pérdida; el AVIF se ha codificado aquí con compresión con pérdida. La diferencia de tamaño refleja los distintos modos de codificación. En muchas imágenes web, AVIF puede ser notablemente más pequeño que PNG, pero si necesitas codificación sin pérdida, usa AVIF sin pérdida o PNG. En los flujos de edición, PNG o AVIF sin pérdida evitan la pérdida de calidad que provocan las recodificaciones repetidas con pérdida.
CaracterísticaAVIFPNGNotas
Compresión con pérdidaSíNoPNG es siempre sin pérdida
Compresión sin pérdidaSíSíAmbos admiten la codificación sin pérdida
TransparenciaSíSíAmbos admiten alfa
Tamaño de archivo (entrega web)A menudo menorMayor (sin pérdida)Depende del modo de codificación
Compatibilidad con la edición de imágenesMás ampliaPNG goza de amplia compatibilidad en los editores de imágenes
HDRSíLimitado

AVIF con compresión con pérdida puede ser notablemente más pequeño que PNG en muchas imágenes web. PNG es útil cuando se necesita un flujo de trabajo sin pérdida, cuando vas a seguir editando la imagen o cuando importa la máxima compatibilidad con las herramientas. Con la conversión de PNG a AVIF creas versiones AVIF para la entrega web y conservas el PNG como origen.

AVIF vs. HEIC

Dos formatos con el mismo contenedor HEIF, pero con un propósito principal distinto

Nota técnica: AVIF y HEIC utilizan ambos el formato de contenedor HEIF, pero códecs de compresión distintos. AVIF usa AV1 y HEIC usa HEVC (H.265). Están emparentados por su estructura, pero se diferencian en el códec, la licencia y el entorno de uso.
HEIC
~700 KB
Foto típica de iPhone
MPEG 2015
≈
Eficiencia similar
El resultado varía según la imagen
AVIF
Variable
Entrega web
AOMedia 2019
CaracterísticaHEICAVIF
ContenedorHEIFHEIF
CódecHEVC (H.265)AV1
Entorno principalAlmacenamiento de fotos en dispositivos (iPhone, ecosistema Apple)Entrega de imágenes en la web
Compatibilidad con navegadores webLimitada y dependiente de la plataforma (ver datos actualizados)Todos los navegadores modernos principales (ver datos actualizados)
LicenciaEl códec HEVC está patentadoLibre de regalías (AV1)
Eficiencia de compresiónMuy eficienteMuy eficiente
Metadatos EXIFSíSí
HEIC es adecuado para
  • almacenar fotos en iPhone, iPad u otros dispositivos Apple
  • flujos de trabajo fotográficos nativos del dispositivo
  • gestionar la fototeca en el ecosistema Apple
  • compartir entre dispositivos Apple
AVIF es adecuado para
  • publicar imágenes en sitios web
  • aplicaciones web y API
  • entrega de imágenes multiplataforma
  • flujos de trabajo abiertos, sin preocupaciones por las licencias de códecs

HEIC y AVIF no compiten directamente en el mismo caso de uso. HEIC se utiliza a menudo para las fotos de dispositivos Apple; AVIF está diseñado para la entrega de imágenes en la web. Si quieres publicar fotos HEIC en una web, convertirlas a AVIF es un paso práctico. Consulta nuestro conversor de HEIC a AVIF.

HEIC también se puede convertir a JPG si se necesita una compatibilidad más amplia. Nuestro sitio hermano heic.digital está especializado en la conversión de HEIC a JPG.

AVIF vs. JPEG XL

Dos formatos de nueva generación con un grado de adopción actual distinto

CaracterísticaAVIFJPEG XL
CompresiónMuy buenaMuy buena, con algunas ventajas técnicas (p. ej., recompresión sin pérdida de JPEG)
Velocidad de codificaciónMás lentaMás rápida
Compatibilidad con navegadores web (2026)Todos los navegadores principales (Can I Use)Limitada (Can I Use - depende de la versión del navegador)
Recompresión JPEG sin pérdidaNoSí (función exclusiva)
Decodificación progresivaNoSí
Compatibilidad con HDRSíSí
TransparenciaSíSí
LicenciaLibre de regalíasLibre de regalías

Para un despliegue amplio en los navegadores actuales, AVIF suele ser la opción más práctica para la entrega de imágenes en la web. JPEG XL ofrece funciones técnicas que pueden ser valiosas en otros flujos de trabajo, en especial la recompresión sin pérdida de JPEG. La compatibilidad de JPEG XL con los navegadores puede mejorar con el tiempo; para consultar datos actualizados, visita Can I Use - JPEG XL.

AVIF frente a otros formatos de imagen: visión general

Todos los formatos de un vistazo

Extensiones de archivo: AVIF usa .avif, WebP usa .webp, JPEG usa .jpg o .jpeg, PNG usa .png, HEIC usa .heic y JPEG XL usa .jxl.

Característica AVIF .avif WebP .webp JPEG .jpg PNG .png HEIC .heic JPEG XL .jxl
Eficiencia de compresión A menudo muy eficiente Eficiente Buena Solo sin pérdida Muy eficiente Muy buena
Codificación con pérdida Sí Sí Sí No Sí Sí
Codificación sin pérdida Sí Sí Normalmente no Sí Sí Sí
Transparencia (alfa) Sí Sí No Sí Sí Sí
HDR / amplia gama de color Sí Limitado No Limitado Sí Sí
Animación Sí Sí No No (APNG aparte) Sí (secuencias HEIF) Sí
Compatibilidad con navegadores web Todos los navegadores modernos principales Todos los navegadores modernos principales Universal Universal Limitada y dependiente de la plataforma Limitada - ver datos
Velocidad de codificación Más lenta Rápida Muy rápida Rápida Rápida (en el dispositivo) Rápida
Licencia Libre de regalías Libre de regalías Libre de regalías Libre de regalías HEVC está patentado Libre de regalías
Uso principal Entrega web moderna Entrega web moderna Compatibilidad universal Sin pérdida, edición, gráficos Almacenamiento de fotos en dispositivos Flujos de trabajo de imagen avanzados

Para consultar los datos actualizados de compatibilidad con navegadores, visita Can I Use - AVIF y Can I Use - WebP.

¿Qué formato de imagen debes usar?

El formato adecuado depende del uso, del contenido y de los requisitos de compatibilidad

Entrega web moderna

AVIF con un formato de respaldo WebP o JPEG en un elemento <picture> cubre con eficiencia todos los navegadores principales.

<picture>
  <source srcset="img.avif" type="image/avif">
  <source srcset="img.webp" type="image/webp">
  <img src="img.jpg" alt="..." loading="lazy"
       width="800" height="600">
</picture>
Edición sin pérdida o elementos de diseño

Usa PNG o AVIF sin pérdida si necesitas una salida exacta al píxel o vas a volver a editar el archivo.

PNG sigue siendo el formato sin pérdida con mayor compatibilidad en las herramientas de diseño. AVIF sin pérdida puede reducir el tamaño del archivo, pero requiere herramientas compatibles con AVIF.

Convertir fotos HEIC de iPhone para la web

Convierte HEIC a AVIF para la entrega web y conserva el original HEIC en el dispositivo. Usa nuestro conversor de HEIC a AVIF.

Máxima compatibilidad

Usa JPEG si la prioridad es la compatibilidad con el mayor número de programas, clientes de correo y dispositivos antiguos. JPEG funciona en todas partes.

Recomendación práctica

En sitios web dirigidos a navegadores modernos, AVIF puede usarse como formato de imagen principal, con respaldos WebP o JPEG si se necesita una compatibilidad más amplia.

Un menor volumen de datos de imagen puede contribuir, bien implementado, a tiempos de carga de página más rápidos y a una mejor experiencia de usuario. El impacto real depende de tus imágenes concretas, de los ajustes de codificación y de las condiciones de red de tus visitantes.

¿Listo para convertir?

Convierte tus imágenes a AVIF y desde AVIF con nuestras herramientas online gratuitas