Todas las publicaciones
Explicación2026/04/24

¿Qué es AVIF? Formato de imagen de nueva generación

AVIF es el formato de imagen más reciente con amplio soporte en navegadores: más ligero que WebP y JPEG con calidad excelente. Aquí qué es y cuándo usarlo.

AVIF es el formato de imagen más reciente que ha conseguido amplio soporte en navegadores y aporta mejoras de compresión realmente notables frente a los anteriores. Si te has cruzado con archivos .avif últimamente y te has preguntado qué son, aquí va lo esencial.

¿Qué es AVIF?

AVIF significa AV1 Image File Format. Se basa en el códec de vídeo AV1, desarrollado por la Alliance for Open Media — una coalición que incluye a Google, Apple, Mozilla, Netflix y Amazon.

AVIF se convirtió en estándar formal en 2019 y alcanzó amplio soporte en navegadores entre 2022 y 2023.

AVIF frente a JPG y WebP

La gran ventaja de AVIF es la eficiencia de compresión. A igual calidad visual, los archivos AVIF suelen ser:

  • ~50 % más pequeños que JPEG
  • ~20 % más pequeños que WebP

Eso se traduce en cargas más rápidas y menor coste de ancho de banda sin pérdidas visibles.

JPEGWebPAVIF
CompresiónCon pérdidaCon o sin pérdidaCon o sin pérdida
TransparenciaNoSíSí
Soporte HDRNoNoSí
Peso (misma calidad)MayorMedioMenor
Soporte en navegadoresUniversal~97 %~95 %

AVIF también admite alpha completo (como PNG y WebP) e imágenes HDR y de gamut amplio — algo que JPEG no maneja.

Soporte en navegadores

A fecha de 2024, AVIF está soportado en:

  • Chrome 85+
  • Firefox 93+
  • Safari 16+
  • Edge 121+

Para navegadores antiguos lo habitual es servir AVIF con un fallback en JPEG o WebP usando el elemento HTML <picture>:

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

¿Cuándo conviene usar AVIF?

Usa AVIF cuando:

  • Estás construyendo u optimizando una web y quieres archivos lo más ligeros posible.
  • Tu pipeline de build puede generar AVIF automáticamente (Next.js, Astro, Cloudflare Images y la mayoría de CDNs lo permiten).
  • Sirves fotos de producto, imágenes hero u otras que afectan claramente al tiempo de carga.

Quédate con JPG o WebP cuando:

  • Necesitas máxima compatibilidad sin escribir código de fallback.
  • Vas a compartir imágenes por correo, mensajería o software que puede no soportar AVIF.
  • Te importa la velocidad de codificación — AVIF codifica bastante más despacio que JPEG.

Convertir hacia y desde AVIF

Todas las conversiones se ejecutan en tu navegador — sin subir archivos:

  • JPG a AVIF: convierte fotos existentes al formato moderno.
  • PNG a AVIF: comprime gráficos con AVIF sin pérdida.
  • AVIF a JPG: vuelve al formato más compatible.
  • AVIF a WebP: para sitios que aún no sirven AVIF de forma nativa.
Todas las publicaciones