¿Qué es AVIF?
AVIF (AV1 Image File Format) es un formato de imagen moderno basado en el codec de vídeo AV1, desarrollado por la Alliance for Open Media (AOMedia) — un consorcio que incluye Google, Apple, Microsoft, Netflix, Amazon y Meta. Se publicó como estándar en 2019.
AVIF ofrece la mejor relación calidad/tamaño disponible actualmente para imágenes web.
Comparativa AVIF vs WebP vs JPG
| Formato | Tamaño relativo | Transparencia | HDR | Compatibilidad 2024 |
|---|---|---|---|---|
| JPG | 100% (referencia) | No | No | 100% |
| WebP | ~65-75% | Sí | No | ~96% |
| AVIF | ~40-60% | Sí | Sí | ~90% |
| JPEG XL | ~35-55% | Sí | Sí | ~30% (experimental) |
Ejemplo real: una fotografía de 1920×1080:
- JPG calidad 85: 820 KB
- WebP calidad 85: 580 KB (−29%)
- AVIF calidad 70: 320 KB (−61%)
Compatibilidad de AVIF en 2024
Navegadores soportados:
- ✅ Chrome 85+ (agosto 2020)
- ✅ Firefox 93+ (octubre 2021)
- ✅ Safari 16+ (septiembre 2022) — incluyendo iOS 16
- ✅ Edge 121+
- ❌ Internet Explorer (sin soporte)
Cobertura global: aproximadamente 90% de los usuarios en 2024.
AVIF para HDR y color de alta profundidad
AVIF soporta:
- 10 y 12 bits por canal (vs 8 bits de JPG).
- HDR (High Dynamic Range) con perfiles como PQ y HLG.
- Amplia gama de colores (Display P3, BT.2020).
Para contenido fotográfico de alta calidad orientado a pantallas HDR, AVIF es la única opción web que preserva esta información.
Cómo implementar AVIF con fallback
<picture>
<!-- AVIF para navegadores que lo soportan -->
<source srcset="imagen.avif" type="image/avif">
<!-- WebP como segundo fallback -->
<source srcset="imagen.webp" type="image/webp">
<!-- JPG para compatibilidad máxima -->
<img src="imagen.jpg" alt="Descripción" loading="lazy">
</picture>
Cuándo usar AVIF
✅ Usa AVIF:
- Fotografías en webs orientadas a Chrome y Firefox (la mayoría del tráfico).
- Proyectos donde el rendimiento y Core Web Vitals son prioritarios.
- Contenido HDR para pantallas de alto rango dinámico.
- E-commerce con muchas imágenes de producto.
⚠️ Ten en cuenta:
- La codificación es más lenta que WebP o JPG (pero se hace en build time, no en tiempo real).
- Si el 10-15% de tus usuarios usa Safari < 16, necesitas fallback.
Cómo convertir a AVIF
- JPG a AVIF
- PNG a AVIF
- WebP a AVIF
- AVIF a JPG — para compatibilidad
Casos de uso avanzados
Optimización web a escala: sitios e-commerce con miles de productos pueden reducir bandwidth costs 60-80% migrando de JPG a AVIF o WebP. Cloudflare Images, Imgix y Cloudinary ofrecen transformación on-the-fly basada en Accept header del cliente — sirviendo AVIF a Chrome/Edge modernos, WebP a Safari/Firefox, JPG fallback a navegadores legacy. Print-ready output: convertir RGB a CMYK con perfil ICC (US Web Coated SWOP v2 para offset comercial, FOGRA39 para europeo) garantiza que los colores impresos coincidan con preview en pantalla calibrada. PDFs/X-1a y X-4 son los formatos exigidos por imprentas profesionales. Foto profesional: workflow Adobe consiste en RAW (input cámara) → DNG (archivado) → PSD (edición no-destructiva) → TIFF (deliverable) → JPG/WebP (web/social). Cada etapa preserva diferentes capacidades. Vector graphics: SVG es preferido para logos, iconos, ilustraciones planas — escala infinitamente sin pérdida y se anima con CSS/JavaScript. Para UIs modernas, los icon fonts (Font Awesome) están siendo reemplazados por SVG sprites por mejor accesibilidad y customización.
Mejores prácticas y consejos profesionales
Selección de formato según contenido: fotografías → JPG (calidad 85-95) o WebP (calidad 80-90); gráficos con texto/líneas finas → PNG o WebP lossless; ilustraciones planas → SVG; iconos UI → SVG; screenshots → PNG; HDR → AVIF o JPEG XL. Color profile management: siempre embebe el perfil ICC en archivos profesionales (Adobe RGB para fotografía pre-impresión, sRGB para web, Display P3 para Apple ecosystem). Sin perfil embedded, los visualizadores asumen sRGB que puede causar shifts de color visibles. Resolución vs tamaño: para web display, 72 DPI es suficiente; para impresión profesional, 300 DPI mínimo. Lazy loading + responsive images: combina <img loading="lazy" srcset> con AVIF/WebP fallback chain para bandwidth saving sin sacrificar UX. Metadata privacy: archivos JPG de smartphone contienen GPS, modelo de cámara, fecha exacta — usa exiftool -all= para limpiar antes de subir a redes sociales si privacidad importa.
Compatibilidad y consideraciones técnicas
KaijuConverter soporta más de 30 formatos de imagen (JPG, PNG, WebP, AVIF, HEIC/HEIF, GIF, BMP, TIFF, SVG, ICO, PSD, RAW múltiples vendors, JPEG XL) usando ImageMagick 7.x, libvips, y format-specific libraries (libpng, libjpeg-turbo, libwebp, libavif, librsvg). Procesamos imágenes hasta 25 MB con resoluciones hasta 16384×16384 píxeles y profundidades de 8/10/12/16-bit por canal. EXIF y metadata: leemos toda la información embedded (cámara, lente, GPS, datos de captura, ICC profile) y la migramos al output cuando el formato destino lo soporta — crítico para workflows profesionales que dependen de provenance tracking. HDR: soportamos PQ y HLG transfer functions para AVIF/JPEG XL/HEIC HDR (rec.2020 color space). Performance: una conversión típica JPG→WebP de 5 MB tarda 1-3 segundos; HEIC→JPG de iPhone 12 Mpix tarda 2-5 segundos; PSD multi-layer→PNG flat puede requerir 5-15 segundos según complejidad. Privacidad: cifrado TLS 1.3, contenedores Docker aislados, eliminación automática tras 2 horas con multi-pass overwrite.
Conversiones relacionadas
Lo más habitual al trabajar con imágenes son estas direcciones de conversión: