Dos formatos de imagen de nueva generación dominan ahora la conversación sobre el rendimiento web: AVIF (AV1 Image File Format) y WebP (el formato de Google de 2010, ahora en v2). Ambos superan claramente al JPEG, pero con compromisos muy distintos en compresión, calidad, velocidad de codificación y soporte de navegador.
<picture>. Ofrece AVIF primero a los navegadores compatibles; recurre a WebP; luego a JPEG. Obtienes compresión óptima para cada visitante sin sacrificar la compatibilidad.| Formato | Tamaño vs JPEG | Velocidad de codificación | Soporte de navegador | Sin pérdida | Animación |
|---|---|---|---|---|---|
| AVIF | 40–50 % más pequeño | Lento (5–20×) | ~85 % | ✓ | ✓ |
| WebP | 25–34 % más pequeño | Rápido (1–3×) | 97 %+ | ✓ | ✓ |
| JPEG | Referencia | Muy rápido | Universal | ✗ | ✗ |
| PNG | 3–5× más grande | Rápido | Universal | ✓ | ✗ |
AVIF deriva del códec de vídeo AV1 (la misma tecnología tras el streaming más eficiente de Netflix y YouTube). Su compresión es realmente notable — a igual calidad visual, los archivos AVIF son normalmente 40–50 % más pequeños que JPEG y 20–30 % más pequeños que WebP.
AVIF destaca especialmente en:
La principal debilidad es la velocidad de codificación. Generar un AVIF desde un JPEG puede tardar de 5 a 20× más que un WebP. Para un gran catálogo de e-commerce con 50 000 imágenes de producto, esto se convierte en una preocupación importante de tiempo de compilación.
WebP es el formato recomendado por Google desde 2010 y alcanzó un soporte verdaderamente universal hacia 2022, cuando Safari añadió soporte completo. Sus ventajas:
La principal debilidad de WebP es que queda ligeramente por detrás de AVIF en pura eficiencia de compresión, sobre todo en imágenes de muy alta calidad o HDR.
| Navegador | WebP | AVIF |
|---|---|---|
| Chrome 85+ | ✅ Completo | ✅ Completo (desde Chrome 85) |
| Firefox 65+ | ✅ Completo | ✅ Completo (desde Firefox 93) |
| Safari 14+ | ✅ Completo | ✅ Completo (desde Safari 16, sep. 2022) |
| Edge 18+ | ✅ Completo | ✅ Completo (basado en Chromium) |
| iOS Safari 14+ | ✅ Completo | ✅ Completo (iOS 16+) |
| iOS Safari 15 y anteriores | ✅ Completo | ❌ No compatible |
| Internet Explorer | ❌ No | ❌ No |
<picture> con un respaldo WebP/JPEG. Incluye siempre un respaldo.La buena práctica es servir AVIF donde sea compatible y WebP o JPEG como respaldo. El elemento <picture> lo gestiona automáticamente:
Los navegadores prueban cada <source> en orden y usan el primero que admiten. Los usuarios de Chrome obtienen AVIF. Los de Safari 15 obtienen WebP. Los de IE11 (si quedan) obtienen JPEG.
Para la mayoría de los sitios: sirve WebP como formato principal con respaldo JPEG. Cubre el 97 %+ de los navegadores con excelente compresión y codificación rápida.
Para páginas críticas en rendimiento y con muchas imágenes (e-commerce, portfolios de fotografía, sitios de noticias): añade AVIF vía <picture> como fuente preferente. El 20–30 % de ahorro adicional puede mejorar de forma notable el LCP y reducir costes de ancho de banda a escala.
Evita el GIF por completo. Usa WebP animado o <video autoplay loop muted playsinline> en su lugar.
AVIF logra una compresión 20–40 % mejor que WebP a igual calidad visual. Sin embargo, WebP codifica 5–10× más rápido y tiene soporte de navegador casi universal (97 %+) frente al ~85 % de AVIF. Para la mayoría de los sitios WebP es el valor por defecto más seguro; añade AVIF como mejora opcional vía <picture>.
Sí, desde Safari 16 (septiembre de 2022 con iOS 16 y macOS Ventura). A fecha de 2026 todos los navegadores modernos principales admiten AVIF, pero los dispositivos iOS antiguos con Safari 15 o anterior no. Incluye siempre un respaldo WebP o JPEG.
Usa ambos vía el elemento <picture>: AVIF primero, WebP después, JPEG como respaldo final. Así sirves el formato óptimo a cada visitante sin sacrificar la compatibilidad.
Optimiza archivos JPEG y PNG en tu navegador. Sin subidas, sin cuenta, resultados instantáneos.
Comprimir imágenes ahora →Última actualización: abril de 2026. Datos de soporte de navegador de caniuse.com. Los ratios de compresión son medias representativas de un conjunto de prueba variado.