¿Qué es AVIF?
AVIF (AV1 Image File Format) es un formato de imagen moderno basado en el codec AV1, desarrollado por la Alliance for Open Media (AOMedia). Logra una compresión aún más eficiente que WebP: típicamente 20-50% más pequeño que WebP a calidad visual equivalente, y completamente libre de royalties.
AVIF vs WebP vs JPG
| Métrica | JPG | WebP | AVIF |
|---|---|---|---|
| Compresión | Referencia | +25% mejor | +40-50% mejor |
| Transparencia | ❌ | ✅ | ✅ |
| HDR y amplio gamut | ❌ | Limitado | ✅ |
| Profundidad de color | 8 bits | 8 bits | 10-12 bits |
| Soporte (2024) | Universal | 96%+ | 93%+ |
Fotografía 1200×800 px: JPG 180 KB → WebP 130 KB → AVIF 85 KB (-53% vs JPG)
Convertir a AVIF con FFmpeg
ffmpeg -i foto.jpg -c:v libaom-av1 -crf 30 -b:v 0 foto.avif
ffmpeg -i foto.jpg -c:v libsvtav1 -crf 35 foto.avif # más rápido
CRF 25-35 es el balance óptimo para web.
Convertir con Squoosh CLI
npx @squoosh/cli --avif '{"cqLevel": 33, "speed": 4}' foto.jpg
Convertir con Python
pip install pillow pillow-avif-plugin
import pillow_avif
from PIL import Image
Image.open("foto.jpg").save("foto.avif", quality=80)
Implementar con fallback
<picture>
<source type="image/avif" srcset="foto.avif">
<source type="image/webp" srcset="foto.webp">
<img src="foto.jpg" alt="Descripción" loading="lazy" width="1200" height="800">
</picture>
Soporte en navegadores (2024)
Chrome 85+, Firefox 93+, Edge 121+, Safari 16+. 93%+ cobertura global.
Servir AVIF desde el servidor
AddType image/avif .avif
types { image/avif avif avifs; }
Conclusión
AVIF es el formato más eficiente para imágenes web en 2024. Con 93%+ de soporte, usa <picture> con fallback a WebP y JPG para máxima 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: