Las imágenes deben optimizarse para ecommerce, performance web y reutilización en campañas (Meta Ads y Google), sin perder calidad.

En un ecommerce, las imágenes no son solo un recurso estético: son una herramienta directa de conversión, posicionamiento y performance publicitaria.

En los últimos años vimos cómo marcas con buenos productos pierden ventas simplemente por no trabajar correctamente sus imágenes: archivos pesados que ralentizan el sitio, formatos que no se adaptan a campañas, tamaños que se ven mal en mobile o fotos que no cumplen con los requisitos de Google y Meta Ads.

Optimizar imágenes hoy no es una cuestión de “que se vean lindas”, sino de pensarlas estratégicamente para que funcionen en todos los puntos de contacto: tienda online, redes sociales, anuncios pagos y buscadores.

En esta nota compartimos las mejores prácticas actuales para ecommerce, aplicadas a plataformas como Shopify, Woocommerce o Tienda Nube, y explicamos qué formatos, tamaños y criterios usar para lograr imágenes de producto que carguen rápido, mantengan calidad y puedan reutilizarse sin fricción en campañas publicitarias.

Si tienes una tienda online —o estás por lanzar una—, esta guía te va a ayudar a tomar mejores decisiones visuales, ahorrar tiempo y mejorar resultados.

Características de Imágenes para Ecommerce

Formato

  • Prioritario: WebP

  • Alternativa: JPG (JPEG)

  • Evitar PNG salvo logos o transparencias necesarias

Imágenes de producto

  • Tamaño ideal (imagen principal): 2000 × 2000 px

  • Imágenes secundarias: 1500 × 1500 px

  • Relación: 1:1 (cuadrado)

  • Fondo: blanco o neutro, limpio

  • Producto centrado, ocupando aprox. 80–85% del encuadre

  • Sin textos, sellos ni elementos gráficos (especialmente en la imagen principal)

Peso del archivo

  • Ideal: 150 a 300 KB

  • Máximo recomendado: 500 KB

  • Exportar sin metadatos

Compresión recomendada

  • WebP: calidad 70–80%

  • JPG: calidad 70–75%, progresivo

  • Perfil de color: sRGB

Banners (Home / Categorías)

  • Desktop: 1920 × 900 px

  • Mobile: 1080 × 1350 px

  • Diseño mobile first

  • Texto y elementos importantes centrados (zona segura)

Naming de archivos (SEO)

  • Usar nombres descriptivos, sin acentos ni espacios

  • Separar palabras con guiones

  • Ejemplo:
    productox-caracteristicax-cantidadx.webp

 

Objetivo cumplido

Subir imágenes “master” de alta calidad a tu ecommerce permite que se adapten automáticamente a cada dispositivo, manteniendo una buena velocidad de carga, una experiencia de usuario óptima y compatibilidad con campañas publicitarias y Google Shopping. Hoy, estas no son características opcionales, sino condiciones necesarias para vender más.

At Eclipse Experience trabajamos con un objetivo claro: ayudar a nuestros clientes a vender más y mejor. Por eso nos ocupamos de cada detalle, desde la estrategia y la tecnología hasta la optimización visual y de performance, entendiendo que en un ecommerce cada decisión —por pequeña que parezca— impacta directamente en los resultados.