Convertir JPG a WebP para tiendas online: velocidad y conversión

En ecommerce, cada segundo de retraso en la carga equivale a un 7 % menos de conversión según estudios de Google. Las imágenes de producto son el elemento más pesado de la mayoría de fichas y páginas de categoría. Convertirlas a WebP es la palanca de rendimiento con mayor impacto inmediato sobre velocidad y ventas.

Klik atau seret imej
JPG / JPEG  ·  maks 15 MB per imej  ·  sehingga 20 fail

82 %

82% — optimal quality / fail size balance for WebP

Por qué WebP mejora las ventas de tu tienda online

Un cliente que navega una tienda lenta abandona antes de comprar. Google PageSpeed penaliza las páginas lentas con peor posición orgánica, reduciendo el tráfico. Y los anuncios de Google Shopping muestran imágenes: una imagen de producto limpia y de buena calidad tiene más clics que una pixelada o de carga lenta.

WebP resuelve el problema en los tres frentes:

  • Velocidad de carga: imágenes 25–35 % más ligeras = página de producto más rápida.
  • Core Web Vitals (LCP): la imagen principal de producto es el elemento LCP en la mayoría de fichas. En WebP, el LCP mejora directamente.
  • Calidad visual: a calidad 88–92 %, el WebP de producto es indistinguible del JPG original. El cliente ve la misma calidad con menos espera.

Shopify convierte automáticamente las imágenes subidas a WebP para los navegadores compatibles. WooCommerce con WordPress 5.8+ acepta WebP de forma nativa. PrestaShop requiere el módulo WebP Image, pero muchos hostings modernos (Siteground, Cloudways) lo sirven vía CDN sin módulos.

Qué imágenes del ecommerce convertir primero

Prioriza según el impacto en el rendimiento y la visibilidad del comprador:

  1. Imagen principal de producto: es el elemento LCP de la ficha de producto. Máxima prioridad. Calidad 88–92 % para que el cliente vea todos los detalles.
  2. Galería de producto (imágenes adicionales): el comprador las amplía antes de decidir. Calidad 85–88 % es suficiente para las vistas adicionales.
  3. Imágenes de categoría: se muestran muchas a la vez en cuadrículas. El ahorro acumulado es grande; calidad 80–82 % es óptima.
  4. Banners de portada y sliders: suelen ser las imágenes más pesadas de la home. Calidad 82 %, mayor impacto en el LCP de la página de inicio.
  5. Imágenes de blog y contenido: aunque no son producto, afectan al rendimiento global del sitio. Calidad 78–82 %.

Calidad WebP recomendada según la posición en la tienda

Tipo de imagen Calidad WebP Tamaño base Peso objetivo
Imagen principal de producto88–92 %1000×1000 px<150 KB
Galería / vistas adicionales85–88 %800×800 px<100 KB
Miniatura de categoría80–82 %600×400 px<60 KB
Banner / slider de portada82 %1600×600 px<170 KB
Imagen OG de la tienda85 %1200×630 px<150 KB

Preguntas frecuentes

¿WooCommerce acepta imágenes WebP como imagen de producto?

Sí, desde WordPress 5.8. Puedes subir WebP directamente como imagen principal o de galería. WooCommerce generará automáticamente todos los tamaños de miniatura en formato WebP, sin necesidad de plugins adicionales.

¿Shopify convierte automáticamente las imágenes a WebP?

Sí, Shopify convierte las imágenes que subes a WebP para los navegadores que lo soportan. No necesitas subir WebP manualmente: Shopify detecta el Accept header del navegador y sirve el formato óptimo. Subir WebP de calidad garantiza el mejor resultado.

¿Las imágenes WebP de producto ranquean mejor en Google Images?

Google no favorece WebP frente a JPG en Google Images directamente. Pero páginas de producto con WebP cargan más rápido, mejoran Core Web Vitals y pueden mejorar su posición en búsqueda general, donde la velocidad es un factor de ranking.

¿Qué calidad WebP recomiendas para imágenes de producto?

88-92% para la imagen principal de producto, donde la calidad visual es decisiva para la conversión. Para miniaturas de categoría, 80-82% es suficiente. Prioriza calidad alta en lo que el cliente examina antes de comprar.

¿Tiene sentido usar WebP para banners y sliders de la tienda?

Absolutamente. Los banners suelen ser las imágenes más pesadas de la portada. A calidad 82%, un banner de 1600×600 px puede pasar de 250 KB en JPG a menos de 170 KB en WebP, mejorando directamente el LCP de la home.