AVIF llegó silenciosamente en 2019 y pasó años siendo el formato que nadie usaba. Entonces Chrome lanzó soporte nativo. Luego Firefox. Después Safari 16. Para 2024, Can I Use reportó un 93% de cobertura global en navegadores. Y de repente la pregunta cambió de "¿puedo usar AVIF?" a "¿por qué no estoy usando AVIF?"
Si todavía estás sirviendo JPEG y PNG en la web en 2026, estás dejando rendimiento sobre la mesa. Esto es lo que necesitas saber.
Qué es realmente AVIF
AVIF (AV1 Image File Format) es un formato de imagen fija derivado del códec de vídeo AV1, desarrollado por la Alliance for Open Media; un consorcio que incluye a Google, Apple, Microsoft, Mozilla, Netflix y Amazon. Es libre de regalías, de código abierto y diseñado para reemplazar a JPEG, PNG e incluso WebP.
Los datos técnicos clave:
- Compresión con pérdida y sin pérdida en un solo formato
- Profundidad de color de 10 bits y 12 bits (frente a los 8 bits de JPEG)
- HDR y amplia gama de colores (BT.2020, PQ, HLG)
- Transparencia alfa (como PNG, a diferencia de JPEG)
- Síntesis de grano de película (almacena parámetros de grano en lugar del ruido real)
- Basado en el contenedor HEIF (ISO/IEC 23008-12)
La compresión proviene de las herramientas de codificación intra-frame de AV1: predicción direccional, particionamiento recursivo (hasta superbloques de 128x128) y el CDEF (Constrained Directional Enhancement Filter). Estas herramientas fueron diseñadas para vídeo, pero funcionan extraordinariamente bien para imágenes fijas.
Los números de compresión
Seamos específicos. En pruebas independientes realizadas por Netflix, Cloudflare y Google, AVIF supera consistentemente:
| Comparación | Reducción de tamaño |
|---|---|
| AVIF vs JPEG | 30-50% más pequeño a la misma calidad |
| AVIF vs PNG | 50-70% más pequeño (modo con pérdida) |
| AVIF vs WebP | 15-25% más pequeño a la misma calidad |
Para un ejemplo concreto: una fotografía JPEG de 500KB normalmente se comprime a ~250KB como AVIF sin diferencia de calidad visible. Una captura de pantalla PNG de 2MB baja a ~400KB. Estos no son casos extremos; son resultados típicos en diversos tipos de imagen.
Por qué AVIF importa para el rendimiento web
Las imágenes representan aproximadamente el 50% del peso total de una página web promedio, según datos de HTTP Archive. Reducir eso entre un 30-50% tiene consecuencias reales:
Core Web Vitals: Imágenes más pequeñas mejoran directamente el LCP (Largest Contentful Paint). Google ha confirmado que el LCP es una señal de posicionamiento.
Costes de ancho de banda: Un sitio que sirve 1 millón de visitas al mes con 500KB de imágenes por página transfiere ~500GB. Cambiar a AVIF reduce eso a ~300GB. A precios de CDN, eso es dinero real.
Experiencia móvil: En conexiones 3G (todavía comunes en mercados emergentes), una imagen de 500KB tarda ~4 segundos en cargar. Un AVIF de 250KB tarda ~2 segundos. Esa es la diferencia entre un rebote y una conversión.
Huella de carbono: Menos datos transferidos significa menos energía consumida. La Green Web Foundation estima que la transferencia de datos genera ~0,06g de CO2 por MB.
AVIF vs WebP vs JPEG vs PNG: cuándo usar cada uno
El panorama de formatos no es "usa AVIF para todo". Cada formato todavía tiene su lugar:
| Caso de uso | Mejor formato | Por qué |
|---|---|---|
| Fotografías para la web | AVIF | Mejor compresión, sin pérdida de calidad visible |
| Gráficos transparentes | AVIF o WebP | Ambos soportan alfa; AVIF es más pequeño |
| Capturas de pantalla perfectas al píxel | PNG | Sin pérdida, compatibilidad universal |
| Adjuntos de correo electrónico | JPEG | Universal; todos los clientes lo soportan |
| Entrada de sistemas legacy | BMP/JPEG | Algunos sistemas no pueden decodificar formatos modernos |
| Favicons | ICO | Requerido por los navegadores para iconos de pestaña |
| Logos escalables | SVG | Vectorial; escalable infinitamente |
| Fotografía HDR | AVIF | Único formato moderno con soporte HDR completo |
El consejo práctico: sirve AVIF como tu formato web principal con fallbacks en JPEG/PNG usando el elemento <picture> o negociación de contenido basada en CDN.
Cómo convertir imágenes a y desde AVIF
No necesitas instalar herramientas de línea de comandos ni pagar por servicios en la nube. Kitmul ofrece conversores AVIF gratuitos basados en el navegador que procesan todo localmente; tus imágenes nunca salen de tu dispositivo.
Convertir A AVIF (reducir tamaños de archivo)
- Conversor de JPEG a AVIF: La conversión más común. Reduce tu biblioteca de fotos entre un 30-50%.
- Conversor de PNG a AVIF: Perfecto para capturas de pantalla y gráficos con transparencia.
- Conversor de WebP a AVIF: Pasa de WebP a la siguiente generación; otro 20% de ahorro.
- Conversor de SVG a AVIF: Rasteriza gráficos vectoriales en archivos AVIF compactos.
- Conversor de BMP a AVIF: Comprime bitmaps sin procesar de sistemas legacy; más del 95% de reducción.
- Conversor de PDF a AVIF: Extrae páginas PDF como imágenes AVIF ligeras.
- Conversor de ICO a AVIF: Convierte archivos de iconos para galerías web.
Convertir DESDE AVIF (para compatibilidad)
- Conversor de AVIF a JPEG: Cuando necesitas compatibilidad universal para correo electrónico o impresión.
- Conversor de AVIF a PNG: Salida sin pérdida con transparencia para flujos de trabajo de edición.
- Conversor de AVIF a WebP: Fallback en WebP para pipelines de CDN.
- Conversor de AVIF a PDF: Incrusta imágenes en documentos profesionales.
- Conversor de AVIF a GIF: Para firmas de correo electrónico y plataformas legacy.
- Conversor de AVIF a BMP: Datos de píxeles sin procesar para sistemas industriales.
- Conversor de AVIF a ICO: Crea favicons a partir de imágenes fuente en AVIF.
El elemento <picture>: sirviendo AVIF con fallbacks
El patrón estándar para la entrega progresiva de formatos en la web:
<picture>
<source srcset="photo.avif" type="image/avif">
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="Description" loading="lazy">
</picture>
El navegador elige el primer formato que soporta. Los navegadores compatibles con AVIF (93%+) obtienen el archivo más pequeño. WebP sirve como fallback para el ~7% restante. JPEG es la red de seguridad universal.
Para imágenes responsive, combínalo con srcset:
<picture>
<source
srcset="photo-400.avif 400w, photo-800.avif 800w, photo-1200.avif 1200w"
type="image/avif"
sizes="(max-width: 800px) 100vw, 800px">
<source
srcset="photo-400.webp 400w, photo-800.webp 800w, photo-1200.webp 1200w"
type="image/webp"
sizes="(max-width: 800px) 100vw, 800px">
<img
src="photo-800.jpg"
alt="Description"
loading="lazy"
width="800"
height="600">
</picture>
Soporte en CDN y herramientas de build
La mayoría de la infraestructura moderna maneja AVIF de forma nativa:
- Cloudflare Image Resizing: Auto-convierte a AVIF mediante Polish o Image Resizing
- Vercel/Next.js:
next/imagesoporta AVIF medianteformats: ['image/avif', 'image/webp']ennext.config.js - Netlify: AVIF automático mediante Image CDN
- Sharp (Node.js): Codificación/decodificación AVIF completa desde la v0.29
- Squoosh: El codificador basado en navegador de Google soporta AVIF
- libavif: La implementación de referencia de la AOM
Limitaciones conocidas
AVIF no es perfecto. Ten en cuenta estos compromisos:
Velocidad de codificación: AVIF codifica entre 5-10x más lento que JPEG. Esto importa para el procesamiento en tiempo real, pero no para la conversión por lotes o en tiempo de build.
Dimensiones máximas: La especificación AV1 limita los tiles individuales a 8192x4320 píxeles. Las imágenes más grandes requieren tiling, que algunas herramientas no soportan.
Soporte de animación: AVIF soporta secuencias animadas (AVIS), pero las herramientas disponibles son inmaduras comparadas con las de animación GIF/WebP.
Navegadores antiguos: IE11 y navegadores anteriores a 2020 no soportan AVIF. Incluye siempre fallbacks.
Clientes de correo electrónico: La mayoría de los clientes de correo no renderizan AVIF. Usa el conversor de AVIF a JPEG para contenido de correo electrónico.
Flujos de trabajo de impresión: Las imprentas normalmente esperan TIFF, PDF o JPEG de alta calidad. Convierte con el conversor de AVIF a PDF antes de enviar a imprimir.
En resumen
AVIF es el mejor formato de imagen de propósito general disponible en 2026. Ofrece archivos más pequeños que cualquier alternativa a calidad equivalente, soporta funciones que ningún otro formato ofrece (HDR, amplia gama de colores, síntesis de grano de película) y tiene soporte casi universal en navegadores.
La ruta de migración es sencilla:
- Convierte tus imágenes existentes a AVIF (usa nuestros conversores gratuitos)
- Sirve AVIF con fallbacks mediante
<picture> - Conserva los originales en JPEG/PNG para flujos de trabajo de compatibilidad
Cada kilobyte que ahorras carga más rápido, posiciona mejor y cuesta menos. La guerra de formatos ha terminado. AVIF ganó.