Saltar al contenido
Todas las publicaciones
ExplicaciónPublicado el Actualizado el

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

Descubre las funciones de AVIF, sus límites de compresión y cómo comprobar la compatibilidad antes de compartir.

AVIF es un formato de imagen basado en AV1. Si has visto archivos .avif en una web, aquí explicamos sus funciones y qué comprobar antes de usarlos.

¿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.

La especificación de AOM define el formato; no todos los codificadores o visores implementan cada función.

AVIF frente a JPG y WebP

AVIF puede reducir el tamaño, pero depende del contenido, codificador y ajustes. Compara las descargas con las mismas dimensiones y revisa los detalles; no hay un ahorro fijo ni una pérdida visual imperceptible garantizados.

JPEGWebPAVIF
CompresiónCon pérdidaCon o sin pérdidaCon o sin pérdida
TransparenciaNoSíSí
Soporte HDRNoNoSí
TamañoDepende de imagen y ajustesDepende de imagen y ajustesDepende de imagen y ajustes
NavegadoresComprueba el visorComprueba el visorComprueba el visor

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

Comprueba AVIF en el navegador, sistema y aplicación de destino. Admitir imágenes estáticas no implica admitir todas las variantes HDR o animadas. Prueba un archivo representativo y ofrece un formato alternativo.

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: crea un AVIF estático con pérdida; los píxeles pueden cambiar. Conserva PNG si necesitas precisión de píxeles.
  • AVIF a JPG: vuelve al formato más compatible.
  • AVIF a WebP: para sitios que aún no sirven AVIF de forma nativa.

Fuentes y mantenimiento

Referencias consultadas el 2026-10-30. Las funciones del formato y su soporte no equivalen a la salida de este sitio; consulta las opciones y límites actuales del conversor.