Conclusión primero: AVIF es un formato de imagen de próxima generación basado en la codificación de vídeo AV1, un 50% más pequeño que JPEG y un 20% más pequeño que WebP, que además soporta compresión sin pérdida, HDR, amplio gamut de color y canal alfa. Tomando como ejemplo una foto de 1920×1080, JPEG calidad 85 ocupa unos 420KB, mientras que AVIF con la misma calidad solo ocupa 210KB. AVIF utiliza la tecnología de codificación intra-frame de AV1 (predicción de partición + codificación por transformada + filtrado en bucle), con una eficiencia de compresión muy superior al DCT de JPEG. A partir de 2026, Chrome, Firefox, Safari y Edge ya soportan nativamente AVIF, con una cobertura global de navegadores del 96%. A continuación se explican los principios técnicos, con una comparación real de cuatro formatos y una guía de migración.
Si aún no está familiarizado con la comparación de formatos de imagen Web, le recomendamos leer primero WebP vs PNG vs JPG: ¿qué formato de imagen Web elegir?.
1. ¿Qué es AVIF?
AVIF (AV1 Image File Format) es un formato de imagen publicado por la Alliance for Open Media (AOMedia) en 2019, basado en la tecnología de codificación intra-frame del codificador de vídeo AV1. AV1 es en sí mismo un estándar de codificación de código abierto diseñado para vídeo de próxima generación (8K/120fps), libre de regalías, cuyas herramientas de codificación intra-frame también son aplicables a la compresión de imágenes estáticas. AVIF encapsula la codificación intra-frame de AV1 en un formato contenedor de imagen independiente.
| Característica | AVIF | WebP | JPEG | PNG |
|---|---|---|---|---|
| Año de publicación | 2019 | 2010 | 1992 | 1996 |
| Codificación subyacente | AV1 intra-frame | VP8 intra-frame | DCT | DEFLATE |
| Compresión con pérdida | Soportada | Soportada | Soportada | No soportada |
| Compresión sin pérdida | Soportada | Soportada | No soportada | Soportada |
| Canal alfa (transparencia) | Soportado | Soportado | No soportado | Soportado |
| HDR / amplio gamut | Soportado (12 bits) | No soportado (8 bits) | No soportado (8 bits) | No soportado (8/16 bits) |
| Soporte de animación | Soportado | Soportado | No soportado | Extensión APNG |
| Licencia | Gratuito, código abierto | Gratuito, código abierto | Gratuito | Gratuito |
El avance clave de AVIF respecto a la generación anterior WebP radica en: soporte de color de 12 bits y HDR (alto rango dinámico), mientras que WebP solo soporta SDR de 8 bits; mayor tasa de compresión (10%–30% más pequeño con la misma calidad); soporte de herramientas de codificación más ricas (predicción direccional, partición de bloques más flexible). El inconveniente es una velocidad de codificación más lenta — la codificación AVIF tarda de 3 a 5 veces más que WebP.
2. Principios técnicos de AVIF en detalle
El pipeline de compresión de AVIF se divide en tres fases centrales: predicción de partición, codificación por transformada y filtrado en bucle. Cada fase hereda las herramientas avanzadas de la codificación de vídeo AV1, que es la razón fundamental por la que la eficiencia de compresión de AVIF supera con creces a la de JPEG.
1. Predicción de partición
AV1 divide la imagen en bloques de codificación (máximo 128×128), y cada bloque puede subdividirse recursivamente en sub-bloques más pequeños (mínimo 4×4), seleccionando adaptativamente el método de partición según el contenido de la imagen. La codificación predictiva usa los píxeles ya reconstruidos para predecir el bloque actual, codificando solo el residuo (la diferencia entre el valor real y el predicho).
| Tipo de predicción | Principio | Área aplicable | vs JPEG |
|---|---|---|---|
| Predicción intra-frame | Predice con píxeles ya codificados adyacentes | Zonas suaves/gradientes | JPEG sin predicción, codificación completa |
| Predicción direccional | 56 ángulos de dirección de predicción | Bordes/dirección de textura | JPEG sin predicción direccional |
| Predicción por paleta | Indexa con paleta de colores | Texto/iconos/animación | JPEG no tiene esta herramienta |
| Copia de bloque | Copia otras áreas dentro de la imagen | Texturas repetidas | JPEG no tiene esta herramienta |
2. Codificación por transformada
El residuo tras la predicción se somete a codificación por transformada del dominio espacial al dominio frecuencial, cuantizando los coeficientes de alta frecuencia para lograr compresión. AV1 soporta múltiples tipos de transformada, más flexible que el DCT único de JPEG.
| Tipo de transformada | Tamaño de bloque | Escenario aplicable | Ventaja |
|---|---|---|---|
| DCT | 4×4 a 64×64 | Uso general | Transformada clásica, concentración de energía |
| ADST (transformada discreta de seno asimétrica) | 4×4 a 32×32 | Bordes direccionales | Mejor para residuos de bordes |
| Transformada identidad | 4×4 a 32×32 | Sin pérdida/baja pérdida | Omite transformada, cuantiza directamente |
| Transformada recursiva | Combinación | Texturas complejas | Transformada de dos niveles mejora la concentración de energía |
3. Filtrado en bucle
La imagen reconstruida tras la cuantización puede producir artefactos de bloqueo y de ringing; AV1 utiliza un filtrado en bucle de múltiples niveles para reparar estos artefactos. Esta es la clave de que AVIF tenga una calidad de imagen visiblemente superior a JPEG a bajos bitrates.
| Fase de filtrado | Función | Orden de procesamiento | Efecto |
|---|---|---|---|
| CDEF (filtro direccional de desbloqueo) | Elimina artefactos de borde de bloque | Nivel 1 | Suaviza los bordes de bloque |
| LR (filtro de restauración en bucle) | Filtro Wiener / filtro auto-guiado | Nivel 2 | Restaura textura de detalles |
| Reconstrucción de superresolución | Reconstruye a partir de frames de baja resolución | Nivel 3 | Mejora los detalles de alta frecuencia |
Para el plan general de compresión de imágenes, consulte Guía de compresión de imágenes: comparación de formatos JPG/PNG/WebP.
3. Caso práctico: comparación real de cuatro formatos
Se compara el tamaño, la calidad y el tiempo de codificación de cuatro formatos (AVIF, WebP, JPEG, PNG) usando la misma imagen de prueba. Muestra: foto de paisaje natural de 1920×1080, color verdadero de 24 bits, BMP original de aproximadamente 5.93MB.
Características del documento: 1920×1080, color de 24 bits, incluye gradiente de cielo, textura de hojas, bordes de edificios, BMP original 5.93MB.
Comparación de tamaño y calidad (objetivo SSIM 0.92):
| Formato | Parámetros | Tamaño de archivo | vs original | Calidad SSIM | vs JPEG |
|---|---|---|---|---|---|
| PNG (sin pérdida) | DEFLATE máximo | 4.82MB | -18.7% | 1.000 | +938% |
| JPEG | Calidad 85 | 420KB | -92.9% | 0.921 | Base |
| WebP | Calidad 80 | 298KB | -95.0% | 0.923 | -29.0% |
| AVIF | Calidad 55 (CRF) | 210KB | -96.5% | 0.925 | -50.0% |
Resultado: Con la misma calidad (SSIM 0.92+), AVIF ocupa solo 210KB, un 50% más pequeño que JPEG y un 29.5% más pequeño que WebP. PNG sin pérdida tiene la máxima calidad pero el mayor tamaño (4.82MB), no adecuado para contenido fotográfico. AVIF destaca especialmente en las zonas de textura de hojas y gradiente de cielo — JPEG produce bloqueos de color visibles a bajo bitrate, mientras que AVIF casi no presenta artefactos visibles.
Comparación de tiempo de codificación:
| Formato | Tiempo de codificación | Tiempo de decodificación | Evaluación de velocidad | Escenario aplicable |
|---|---|---|---|---|
| JPEG | 18ms | 8ms | Muy rápida | Codificación en tiempo real |
| WebP | 65ms | 15ms | Rápida | Web en tiempo real |
| AVIF | 280ms | 22ms | Lenta (codificación) / rápida (decodificación) | Pre-generación |
| PNG | 120ms | 12ms | Media | Escenarios sin pérdida |
El tiempo de codificación de AVIF es 15 veces el de JPEG y 4 veces el de WebP, porque la predicción de partición y la selección de transformada de AV1 requieren muchos cálculos de optimización tasa-distorsión. Sin embargo, la velocidad de decodificación de AVIF es solo 2 veces más lenta que la de JPEG — el impacto en la experiencia del usuario final es mínimo. Se recomienda pre-generar las imágenes AVIF en el servidor (codificación en tiempo de build), en lugar de codificarlas en tiempo real.
4. Compatibilidad con navegadores y estrategia de migración
La compatibilidad de AVIF con los navegadores ha madurado básicamente después de 2023, pero aún se necesita un plan de retroceso para navegadores antiguos. La siguiente tabla muestra el soporte de los principales navegadores.
| Navegador | Versión soportada | Fecha de lanzamiento | Cuota global | Estado de soporte |
|---|---|---|---|---|
| Chrome | 85+ | Septiembre 2020 | 65% | Soporte nativo |
| Safari | 16.4+ | Marzo 2023 | 18% | Soporte nativo |
| Edge | 92+ | 2021 | 5% | Soporte nativo |
| Firefox | 93+ | Octubre 2021 | 3% | Soporte nativo |
| Opera | 71+ | 2020 | 2% | Soporte nativo |
| IE | No soportado | — | <1% | Requiere retroceso |
La tasa de soporte global de AVIF en navegadores es aproximadamente del 96%; los que no lo soportan son solo IE y versiones muy antiguas de navegadores. La estrategia de migración recomendada es usar la etiqueta picture de HTML5 para implementar mejora progresiva.
| Plan de migración | Método de implementación | Compatibilidad | Coste de mantenimiento | Recomendación |
|---|---|---|---|---|
| Etiqueta picture | source multi-formato + img de retroceso | 100% | Bajo | ★★★★★ |
| Solo AVIF | Usar AVIF directamente | 96% | Muy bajo | ★★★☆☆ |
| Negociación Accept | El servidor devuelve según Accept | 100% | Medio | ★★★★☆ |
| Solo JPEG | Sin migrar | 100% | Muy bajo | ★☆☆☆☆ |
Sintaxis recomendada de la etiqueta picture:
<picture><source srcset="photo.avif" type="image/avif"><source srcset="photo.webp" type="image/webp"><img src="photo.jpg" alt="foto de paisaje"></picture>
El navegador seleccionará el primer formato soportado por orden de prioridad: si soporta AVIF usa AVIF (el más pequeño), si no intenta WebP, y finalmente retrocede a JPEG. Así se disfruta de la ventaja de compresión de AVIF y se garantiza la visualización correcta en navegadores antiguos. Para el plan completo de optimización de imágenes Web, consulte Optimización de imágenes Web: mejora del 50% en rendimiento en la práctica.
5. Recomendaciones de selección de formato por escenario
Aunque AVIF es excelente, no es adecuado para todos los escenarios. La selección de formato de imagen para diferentes escenarios debe considerar de forma integral la tasa de compresión, la compatibilidad, la velocidad de codificación y los requisitos funcionales.
| Escenario | Formato recomendado | Motivo | Referencia de tamaño |
|---|---|---|---|
| Imágenes de e-commerce | AVIF (principal) + JPEG (retroceso) | Busca el menor tamaño, mejora velocidad de carga | JPEG 420KB → AVIF 210KB |
| Noticias e información | WebP (principal) + JPEG (retroceso) | Codificación rápida, buena compatibilidad | JPEG 420KB → WebP 298KB |
| Fotografía HDR | AVIF | Único formato convencional que soporta HDR de 12 bits | HDR sin pérdida solo AVIF |
| Iconos UI / capturas | PNG | Requiere sin pérdida, bordes nítidos | No afecta al tamaño |
| Redes sociales | AVIF o WebP | Tamaño pequeño, compartido rápido | Ambos válidos |
| Incrustado en correo | JPEG | Prioridad de compatibilidad con clientes de correo | AVIF no recomendado (compatibilidad deficiente) |
| Miniatura de vídeo | AVIF | Complemento natural de vídeo AV1 | 50% más pequeño que JPEG |
| Generación en tiempo real (captcha, etc.) | JPEG | Prioridad de velocidad de codificación | 18ms vs AVIF 280ms |
Un principio general: para contenido estático pre-generado elija AVIF (tamaño óptimo); para generación en tiempo real elija JPEG/WebP (prioridad de velocidad); para requisitos sin pérdida elija PNG; para contenido HDR elija AVIF (única opción). Al usar SmartSlim para conversión por lotes, puede generar automáticamente múltiples formatos (AVIF+WebP+JPEG), cubriendo todos los escenarios de compatibilidad en un solo procesamiento.
6. Preguntas frecuentes (FAQ)
P1: ¿Qué es el formato AVIF?
AVIF (AV1 Image File Format) es un formato de imagen basado en la codificación de vídeo AV1, publicado por la Alliance for Open Media (AOMedia) en 2019. AVIF utiliza la tecnología de codificación intra-frame de AV1 para comprimir imágenes estáticas, siendo un 50% más pequeño que JPEG y un 20% más pequeño que WebP, al tiempo que soporta compresión sin pérdida, HDR, amplio gamut de color y canal alfa. AVIF es un estándar de compresión de imágenes de próxima generación, de código abierto y libre de regalías, ya soportado nativamente por Chrome, Firefox y otros navegadores principales.
P2: ¿Cuánto más pequeño es AVIF que JPEG?
Con la misma calidad de imagen (SSIM superior a 0.9), AVIF es aproximadamente un 50% más pequeño que JPEG. Por ejemplo, una foto de 1920×1080: JPEG calidad 85 ocupa unos 420KB, AVIF con la misma calidad unos 210KB. Comparado con WebP, AVIF es aproximadamente un 20% más pequeño en calidad media, y la ventaja es aún mayor en alta calidad (más de un 30% más pequeño). La ventaja de compresión de AVIF proviene de las herramientas de codificación predictiva y transformada más avanzadas de AV1, especialmente destacada en áreas de textura compleja.
P3: ¿Cómo es la compatibilidad de AVIF con los navegadores?
A partir de 2026, AVIF cuenta con soporte de los principales navegadores: Chrome 85+ (septiembre 2020), Firefox 93+ (octubre 2021), Edge 92+ (2021), Safari 16.4+ (marzo 2023). La tasa de soporte global es aproximadamente del 96%. Los navegadores antiguos que no lo soportan pueden usar la etiqueta picture para proporcionar retroceso a JPEG/WebP. Se recomienda usar <picture><source srcset='img.avif' type='image/avif'><img src='img.jpg'></picture> para implementar mejora progresiva.
P4: ¿Cuál es mejor, AVIF o WebP?
En general, AVIF es superior a WebP. Tasa de compresión: AVIF es un 10%–30% más pequeño que WebP; características: AVIF soporta HDR y color de 12 bits, WebP solo soporta SDR de 8 bits; velocidad de codificación: WebP es más rápido que AVIF (la codificación AVIF es más lenta); compatibilidad: WebP tiene una tasa de soporte del 98%, AVIF del 96%. Si busca la máxima tasa de compresión y soporte HDR, elija AVIF; si busca velocidad de codificación y amplia compatibilidad, elija WebP. Se recomienda usar la etiqueta picture para ofrecer ambos formatos simultáneamente.
Resumen
AVIF es el estándar de compresión de imágenes de próxima generación, basado en la codificación intra-frame de AV1, un 50% más pequeño que JPEG y un 20% más pequeño que WebP, además de soportar HDR, color de 12 bits y canal alfa. La ventaja técnica proviene de la predicción de partición (56 direcciones de predicción), múltiples tipos de codificación por transformada (DCT/ADST/transformada identidad) y filtrado en bucle de múltiples niveles (CDEF+LR). El inconveniente es una velocidad de codificación más lenta (aproximadamente 4 veces la de WebP), adecuada para escenarios de pre-generación pero no de codificación en tiempo real.
La estrategia de migración recomendada es el enfoque multi-formato con etiqueta picture: AVIF prioritario, WebP como segunda opción, JPEG como retroceso, equilibrando la tasa de compresión y una compatibilidad del 100%. Recuerde tres puntos: primero, AVIF codifica lentamente pero decodifica rápido, ideal para pre-generación en el servidor; segundo, el contenido HDR solo puede usar AVIF (WebP/JPEG no lo soportan); tercero, use la etiqueta picture para ofrecer los tres formatos simultáneamente y dejar que el navegador elija automáticamente el óptimo.
Artículos relacionados
¿Necesita comprimir archivos? Pruebe SmartSlim
Construido sobre un motor de compresión Rust propio, compatible con 10 categorías y más de 40 formatos, incluyendo PDF, imágenes, vídeo, Office y OFD, con compresión local que mantiene sus datos en sus instalaciones.