Convertir JPG a AVIF — la mitad de tamaño con la misma calidad
Convertir JPG a AVIF: el mayor salto posible en imágenes
Si tu web carga lenta, casi siempre las imágenes son el motivo principal. Y si esas imágenes siguen en JPG, pasar a AVIF es la medida individual más eficaz que puedes tomar: más que minificar, más que afinar la caché, más que ordenar los scripts.
El orden de magnitud
AVIF alcanza, a igual calidad percibida, aproximadamente la mitad del tamaño de un JPG. En motivos exigentes con degradados suaves el ahorro puede llegar al 60 por ciento.
Un ejemplo con números: una portada con doce fotos de producto de 250 KB cada una pesa hoy 3 MB. En AVIF son unos 1,4 MB. En una conexión móvil media eso equivale a un segundo y medio menos de carga, el margen en el que los visitantes abandonan y en el que Google sitúa sus umbrales para las Core Web Vitals.
Por qué AVIF es tanto mejor
JPG es de 1992 y divide la imagen en bloques de ocho por ocho píxeles. Por eso con compresión fuerte aparecen los conocidos cuadrados y los halos alrededor de los bordes.
AVIF emplea la técnica de compresión de vídeo AV1: tamaños de bloque variables, predicción más inteligente de las zonas vecinas, eliminación más eficaz del ruido. Con un nivel de calidad bajo, una imagen AVIF se ve más suave que cuadriculada, algo bastante más agradable a la vista.
A esto se suma que AVIF admite transparencia y 10 bits de profundidad de color. JPG no puede con ninguna de las dos.
Qué debes prever
Tiempo de codificación. AVIF exige mucho cálculo y una imagen grande puede llevar varios segundos en el navegador. Ocurre una sola vez.
Formato alternativo. Los dispositivos muy antiguos no conocen AVIF. En producción conviene un elemento picture con JPG o WebP como respaldo.
Segunda compresión. Tu JPG ya venía con pérdida. Si conservas un original sin comprimir, ir directamente desde ahí es lo técnicamente más limpio.
Sin subida, tampoco con grandes cantidades
Con quinientas fotos de producto una subida no solo sería lenta: entregarías todo tu fondo de imágenes. ImageXpo codifica en local, dentro de tu navegador. Tus imágenes se quedan en tu disco, sean las que sean.
Preguntas frecuentes
¿Cuánto más rápida será mi web realmente?
Depende del peso de las imágenes en la página. En páginas cargadas de imágenes es habitual reducir a la mitad el peso gráfico, lo que en móvil puede suponer entre uno y dos segundos. En páginas de mucho texto y pocas imágenes el efecto es menor.
¿Necesito configurar un formato alternativo?
En producción sí. Un elemento picture con AVIF como primera fuente y JPG o WebP como segunda garantiza que cada dispositivo reciba el mejor formato que sea capaz de mostrar.
¿Por qué mi AVIF se ve distinto a un JPG con compresión fuerte?
Con calidad baja AVIF se ve suave y ligeramente difuminado, mientras que JPG forma cuadrados visibles y halos en los bordes. La mayoría de observadores percibe el resultado AVIF como más agradable.
¿Puedo convertir muchas imágenes de una vez?
Sí, sin límite de cantidad. Como la codificación se ejecuta en tu propio procesador no genera costes de servidor. Con lotes muy grandes solo hace falta el tiempo correspondiente.