JPG a AVIF — fotos hero al tamaño mínimo

¿Cuánta calidad pierdo con calidad 85?

Con calidad 85, la diferencia es prácticamente imperceptible, incluso en pantallas de gran formato y para ojos entrenados. AVIF usa el códec de vídeo AV1, que evalúa por bloque de imagen más caminos de predicción que códecs antiguos como JPEG. Consecuencia práctica: AVIF produce menos artefactos visibles a la misma tasa de bits.

Donde AVIF gana especialmente frente a JPG:

• Degradados cromáticos suaves: cielos, tonos de piel, fondos bokeh — JPG muestra a menudo bandeado (saltos de bloques 8x8), mientras que AVIF produce transiciones suaves.
• Bordes de alto contraste: texto en fotos, sombras nítidas, detalles arquitectónicos — AVIF mantiene la nitidez sin artefactos de halo.
• Tasas de bits bajas por debajo de calidad 60: allí donde JPG se descompone visiblemente, AVIF mantiene aún calidad aceptable.

Para exigencias máximas (portafolios de fotografía, preparación para impresión) suba a 90 o 95 — los bytes adicionales son despreciables en esta clase de resolución.

¿Cómo entrego AVIF con fallback de navegador?

AVIF alcanza el 95 por ciento de cobertura mundial de navegadores — el 5 por ciento restante (dispositivos Android antiguos, Safari iOS bajo 16.4) necesita un fallback. El elemento <picture> lo resuelve con elegancia:

<picture>
  <source srcset="hero.avif" type="image/avif" />
  <source srcset="hero.webp" type="image/webp" />
  <img src="hero.jpg" alt="Descripción hero"
       width="1920" height="1080" />
</picture>

Lo que sucede: el navegador elige la primera fuente cuyo type soporta. Los modernos reciben AVIF (~600 KB), los intermedios WebP (~900 KB), los antiguos JPG (~1,4 MB). La pista width/height en <img> reserva el espacio antes de la carga — evita saltos de diseño en el Largest Contentful Paint.

Para imágenes adaptables se combina con srcset:

<picture>
  <source type="image/avif"
          srcset="hero-800.avif 800w, hero-1600.avif 1600w" />
  <source type="image/webp"
          srcset="hero-800.webp 800w, hero-1600.webp 1600w" />
  <img src="hero-1200.jpg" alt="Hero"
       sizes="(max-width: 800px) 100vw, 1200px" />
</picture>

De este modo, cada dispositivo recibe la combinación óptima de tamaño y formato — lo esencial es que su canalización de construcción genere las variantes de forma coherente.

¿Qué casos de uso son ideales?

AVIF desde JPG vale la pena allí donde cuentan los últimos 20 a 30 por ciento de ahorro de banda frente a WebP:

• Portafolios de fotografía: imágenes hero a pantalla completa, a menudo de 1920 px de ancho o más. JPG original 1,5 MB, WebP 1,0 MB, AVIF 700 KB — a calidad visiblemente idéntica.
• Hero shots de comercio electrónico: la foto principal de cabecera en páginas de producto es crítica para la conversión. Tiempo de carga más rápido = mayor tasa de conversión.
• Cabeceras de blog en mercados mobile-first: allí donde el 4G es la norma y el 5G la excepción, 200 ms de diferencia en LCP marcan una diferencia notable.
• Configuración con Picture-Element: cuando el CMS o el paso de construcción entrega varias fuentes, AVIF es la fuente natural de primera elección.

Menos recomendable en: conversión masiva de imágenes existentes sin entrega vía Picture-Element (mejor entonces JPG a WebP, por mayor alcance de navegadores); o en miniaturas pequeñas por debajo de 50 KB — la ganancia absoluta allí es mínima.

¿Con qué rapidez codifica AVIF en el navegador?

La codificación AVIF es más lenta que la de WebP. Es intrínseco — el códec AV1 evalúa más particiones de bloques, más modos de predicción y más pasos de cuantización por bloque. Lo que notará en esta herramienta:

• Portátil moderno, foto hero de 4 MB: 2 a 5 segundos.
• Smartphone de gama media, mismo archivo: 5 a 15 segundos.
• Dispositivo Android más antiguo: 15 a 30 segundos — la barra de progreso permanece activa.

Importante: la velocidad de codificación es una preocupación de la canalización del servidor, no la suya. En herramientas locales en el navegador como esta, es su tiempo de espera, no el de sus visitantes. Estos reciben al final un archivo AVIF terminado, que se decodifica tan rápido como un JPG.

Privacidad — 100 % en el navegador

La conversión se ejecuta por completo en su navegador. Sus archivos JPG no se envían en ningún momento a un servidor, no se almacenan ni se analizan. No hay seguimiento, ni aviso de cookies, ni registro. Tras la primera carga, la herramienta también funciona sin conexión — las API de navegador necesarias están disponibles desde 2018 en todos los navegadores actuales.

¿Qué herramientas de imagen están relacionadas?

Si su flujo de trabajo emplea otros formatos de origen o destino:

• Convertidor de formato de imagen — concentrador con comparación de formatos y los cuatro pares.
• PNG a AVIF — cuando sus fuentes son logos o capturas con transparencia.
• JPG a WebP — cuando una compatibilidad de navegadores más amplia importa más que el último 25 por ciento de ahorro de banda.
• Eliminar metadatos — elimine EXIF, GPS e información de la cámara de manera selectiva antes o después de la conversión.