WebP y AVIF son dos formatos de imagen modernos diseñados para sustituir a JPEG y PNG en la web. Ofrecen ganancias de compresión espectaculares — hasta un 50 % de reducción de tamaño respecto al JPEG con la misma calidad visual —, lo que los convierte en herramientas esenciales para la optimización del rendimiento web y el SEO. Para las tiendas de comercio electrónico, donde las imágenes representan a menudo entre el 60 y el 80 % del peso total de las páginas, adoptar estos formatos es uno de los palancas de mejora más eficaces disponibles.
Por qué el formato de imagen es un factor SEO
Una página web media pesa hoy en día cerca de 2 MB según los análisis de HTTP Archive. De ese total, las imágenes representan de media entre el 50 y el 60 % del peso — y en las páginas de comercio electrónico con abundantes fotos de producto, ese porcentaje sube regularmente hasta el 70-80 %. El peso de las imágenes determina directamente el tiempo de transferencia en la red y, por tanto, el tiempo de carga percibido por el usuario.
Google ha integrado la velocidad de carga en su algoritmo de clasificación a través de los Core Web Vitals, en particular el LCP (Largest Contentful Paint), que mide el tiempo que tarda en cargarse el elemento visible más grande — generalmente una imagen de producto. Reducir el tamaño de esa imagen de 400 KB a 150 KB puede bajar el LCP de 3 segundos a 1,2 segundos, la diferencia entre una puntuación «Deficiente» y una puntuación «Buena» según los umbrales de Google.
Más allá del SEO puro, las imágenes más ligeras mejoran la experiencia de los usuarios móviles con conexiones 4G limitadas, reducen el consumo de datos de los visitantes y disminuyen los costes de ancho de banda del servidor. Para las tiendas con varios miles de referencias de producto, la ganancia acumulada es considerable.
WebP: el formato desarrollado por Google
WebP fue desarrollado por Google y presentado en 2010. Se basa en la tecnología de compresión del códec de vídeo VP8 para imágenes con pérdida (lossy) y en una variante sin pérdida basada en LZ77 y la codificación Huffman para imágenes sin pérdida. WebP también admite transparencia (canal alfa) y animaciones — dos funciones que JPEG no admite (transparencia) o solo admite parcialmente (animaciones mediante GIF).
Las ganancias de compresión de WebP respecto al JPEG son de media entre el 25 y el 35 % con la misma calidad visual, según los estudios de Google. En modo sin pérdida, WebP es de media un 26 % más pequeño que el PNG. Estos valores varían según el tipo de imagen: las fotografías con contenido complejo y numerosos detalles se benefician de ganancias cercanas a las medias citadas; las ilustraciones con colores planos y detalles nítidos pueden obtener ganancias incluso mayores en modo lossless.
La compatibilidad con WebP es hoy universal: Chrome, Firefox, Safari (desde 2020), Edge, Opera y prácticamente todos los navegadores móviles son compatibles con WebP. Según caniuse.com, la cobertura global de navegadores que admiten WebP supera el 97 % en 2026. Ya no existe ninguna razón técnica para servir JPEG en lugar de WebP para la gran mayoría de los visitantes.
AVIF: el formato de nueva generación
AVIF (AV1 Image File Format) es un formato de imagen basado en el códec de vídeo AV1, desarrollado por la Alliance for Open Media (de la que forman parte Google, Apple, Mozilla, Netflix, Amazon y otros). Especificado en 2019 y compatible con los principales navegadores desde 2021, AVIF representa un avance significativo respecto a WebP en términos de eficiencia de compresión.
Las ganancias de compresión de AVIF respecto al JPEG son de media del 40 al 55 % — muy superiores al 25-35 % de WebP. En comparación con el propio WebP, AVIF es generalmente entre un 20 y un 30 % más ligero. Estas ganancias son especialmente notables en fotografías con alto nivel de detalle y en imágenes HDR (High Dynamic Range). AVIF admite transparencia, animaciones, perfiles de color HDR y profundidad de color de hasta 12 bits.
La compatibilidad con AVIF crece rápidamente: Chrome y Firefox lo admiten desde 2021, Safari desde la versión 16.4 (2023). En 2026, la cobertura mundial supera el 93 %. Su principal inconveniente es su mayor complejidad de decodificación, que puede ralentizar ligeramente la visualización en dispositivos muy antiguos — un compromiso generalmente aceptable dado el ahorro en tamaño de archivo.
JPEG vs WebP vs AVIF: comparación de formatos
Para ilustrar concretamente las diferencias entre estos formatos, tomemos el ejemplo de una foto de producto típica de comercio electrónico: un packshot de una zapatilla sobre fondo blanco, 800×800 píxeles, con la misma calidad visual percibida.
- JPEG (calidad 85): ~180 KB — formato universal, sin transparencia, sin animación, solo compresión con pérdida
- WebP (calidad 80): ~120 KB — ahorro del 33 %, transparencia compatible, animación compatible, compatibilidad 97 %+
- AVIF (calidad 60): ~75 KB — ahorro del 58 % vs JPEG, 37 % vs WebP, HDR compatible, compatibilidad 93 %+
Estas diferencias de tamaño se multiplican a escala de una tienda. En una ficha de producto que carga 6 imágenes, pasar de JPEG a AVIF supone un ahorro de 630 KB por página — casi la mitad de los datos a transferir. En un mes con 50.000 páginas vistas de fichas de producto, eso equivale a 31 GB de ancho de banda ahorrado, solo en imágenes.
Compresión con pérdida (lossy) y sin pérdida (lossless)
Ambos formatos admiten dos modos de compresión fundamentalmente distintos. La compresión con pérdida (lossy) reduce el tamaño del archivo eliminando información que el ojo humano apenas percibe o no percibe en absoluto. Un algoritmo analiza la imagen y aproxima las zonas menos perceptibles — típicamente los fondos uniformes o las zonas de bajo contraste. Este es el modo utilizado para las fotografías de producto: un nivel de calidad del 75-85 % para WebP o del 55-65 % para AVIF produce resultados visualmente indistinguibles del archivo original.
La compresión sin pérdida (lossless) conserva cada píxel del archivo original, pero emplea algoritmos de compresión más eficientes que PNG o TIFF para reducir el tamaño del archivo. WebP lossless es de media un 26 % más pequeño que PNG a calidad idéntica; AVIF lossless es aún más eficiente. Este modo es adecuado para capturas de pantalla, logotipos, ilustraciones vectoriales convertidas a bitmap e imágenes que requieren precisión absoluta.
¿Qué nivel de calidad elegir?
Impacto en el SEO del comercio electrónico
Adoptar WebP y AVIF mejora el SEO a través de varios mecanismos. De manera directa, las imágenes más ligeras reducen el LCP — la métrica Core Web Vital más afectada por las imágenes de producto. Un mejor LCP mejora la señal de Page Experience de Google, lo que puede favorecer el posicionamiento en los resultados orgánicos, especialmente en móvil.
De manera indirecta, las páginas más rápidas mejoran la tasa de rebote y el tiempo en el sitio — señales de comportamiento que Google puede utilizar para evaluar la calidad de una página. En móvil, donde se realizan más del 60 % de las búsquedas de comercio electrónico, la velocidad es aún más crítica: una página que tarda 4 segundos en cargar pierde de media el 53 % de sus visitantes móviles antes de que la página termine de cargarse (fuente: Google/Deloitte).
Para Google Imágenes — un canal de adquisición nada despreciable para las tiendas de comercio electrónico — la calidad técnica de las imágenes (resolución, formato, dimensiones) influye en la indexación y la visualización en los resultados de búsqueda de imágenes. Las imágenes correctamente optimizadas y servidas a través de una CDN con URLs estables también mejoran este canal.
Cómo Lexiik gestiona la conversión de formato automáticamente
Convertir manualmente miles de imágenes de producto a WebP o AVIF es una tarea tediosa para la que la mayoría de los comerciantes no tienen ni el tiempo ni las herramientas necesarias. Lexiik automatiza este proceso por completo a través de su pipeline de CDN.
Cuando una imagen de producto es cargada por un visitante por primera vez, Lexiik recupera el archivo original de tu servidor PrestaShop (JPEG, PNG o cualquier otro formato), lo convierte a WebP y AVIF, y almacena estas versiones optimizadas en Cloudflare R2. A partir de ese momento, Lexiik sirve el formato adecuado según el navegador del visitante: la cabecera HTTP Accept enviada por el navegador indica los formatos compatibles (por ejemplo, Chrome envía Accept: image/avif,image/webp,*/*), y Lexiik responde con el mejor formato disponible.
- El visitante solicita una página de producto; su navegador envía una cabecera Accept indicando los formatos compatibles
- Lexiik comprueba si ya existe una versión optimizada de la imagen en el CDN
- Si no existe, Lexiik recupera la imagen original de PrestaShop y la convierte a WebP y AVIF
- Lexiik sirve el formato más eficiente compatible con el navegador: AVIF en primer lugar, WebP si AVIF no es compatible, JPEG como alternativa
- La imagen convertida se almacena en caché en Cloudflare R2 con un TTL de un año para todas las visitas posteriores
Este proceso es totalmente transparente para el comerciante y el visitante. No es necesario modificar las plantillas ni instalar ningún plugin de compresión adicional. El módulo PrestaShop de Lexiik gestiona todo el pipeline de conversión y entrega.