Shopify te da más margen de carga que cualquier marketplace: 5000×5000 píxeles, 20MB por archivo, varios formatos. Esa libertad también es la trampa. Los vendedores suben lo que salió de la cámara, los temas recortan las imágenes de formas inesperadas, los visitantes móviles esperan cuatro segundos por una imagen principal y la tasa de rebote sube en silencio. Esta guía responde las diez preguntas que los vendedores de Shopify realmente hacen sobre imágenes de producto: especificaciones, temas, rendimiento, SEO y variantes, con los números que necesitas para decidir.
¿Qué tamaño deben tener las imágenes de producto en Shopify?
Sube a 2048×2048 píxeles, cuadradas. Ese es el número que la propia documentación de Shopify indica como tamaño maestro recomendado, y es el que utilizan todos los temas principales.
| Uso de la imagen | Tamaño recomendado | Relación de aspecto | Por qué este tamaño |
|---|---|---|---|
| Imagen de producto (máster) | 2048×2048 px | 1:1 | Zoom + renderizado retina |
| Imagen de producto (mínimo) | 800×800 px | 1:1 | Por debajo el zoom deja de funcionar |
| Imagen de colección | 1024×1024 px | 1:1 | Grillas de exhibición del tema |
| Hero / banner | 1920×1080 px | 16:9 | Ancho completo en escritorio |
| Slideshow | 1600×500 a 1920×600 px | 3:1 a 4:1 | Depende del tema |
| Logo | 450×200 px | ~2:1 | Mostrado en el encabezado |
| Favicon | 32×32 px | 1:1 | Pestaña del navegador |
Límites máximos de carga: 5000×5000 px, 20MB. Cualquier archivo más grande es rechazado. Pero "poder subir" y "deber subir" son cosas distintas: mira la sección de peso de archivo más abajo.
¿Qué peso de archivo mantiene las páginas rápidas?
La propia guía de Shopify fija el objetivo práctico en 200–500KB por imagen de producto, y las tiendas con tráfico mayoritariamente móvil deberían apuntar a 200–300KB.
Por qué importa: cada 100KB de peso añade aproximadamente 150–300ms de tiempo de carga en una conexión móvil 4G. Una página de producto con 10 imágenes a 2MB cada una es una carga útil de 20MB, es decir, más de 30 segundos en redes móviles lentas, algo que la telemetría de Shopify correlaciona fuertemente con el abandono del carrito.
| Peso de imagen | Tiempo de carga (4G) | Qué ocurre |
|---|---|---|
| <200KB | <1s | Rápido, sin demora percibida |
| 200–500KB | 1–2s | Aceptable para imágenes hero/producto |
| 500KB–1MB | 2–4s | Demora perceptible, sube el riesgo de rebote |
| >1MB | >4s | Rebote significativo en móvil |
Shopify comprime y sirve versiones WebP automáticamente, pero solo si tu fuente está optimizada. Si subes un PNG de 15MB, Shopify lo comprimirá, pero la compresión automática es conservadora: obtienes mucho mejor resultado comprimiendo a JPEG calidad 80–85 antes de subir.
¿Debo usar JPEG, PNG, WebP o SVG?
La elección del formato depende del tipo de imagen.
| Formato | Usar para | Evitar para | Notas |
|---|---|---|---|
| JPEG | Fotos de producto, tomas lifestyle | Imágenes que requieren transparencia | Calidad 80–85 da el mejor balance |
| PNG | Logos, íconos, infografías con transparencia | Fotografías (archivo inflado) | Solo cuando necesites canal alfa |
| WebP | Todo (si puedes exportarlo) | Navegadores antiguos (problema raro en 2026) | 25–35% más liviano que JPEG a igual calidad |
| SVG | Íconos, logos, gráficos simples | Fotos de producto | Escalable infinito, archivo diminuto |
| GIF | Demos animados (con moderación) | Cualquier otra cosa | Para animación usa MP4/WebM |
Shopify sirve WebP automáticamente a los navegadores compatibles sin importar lo que subas, así que no te obsesiones con el formato de carga. Concéntrate en que la fuente sea de alta calidad y esté dentro del peso objetivo. JPEG calidad 85 es el valor seguro por defecto para fotografía de producto.
¿Tengo que usar imágenes cuadradas en Shopify?
No, pero probablemente deberías. La mayoría de los temas de Shopify muestra por defecto grillas cuadradas, y las cargas no cuadradas se recortan. Si tu tema espera 1:1 y subes 4:3, o se corta la parte superior o inferior del producto, o la imagen flota en un recuadro con relleno blanco que se ve inconsistente junto a las otras.
Cuando el cuadrado funciona: Grillas de producto por defecto, páginas de colección, resultados de búsqueda, carruseles de productos relacionados. Esto cubre el 90% de los casos de uso.
Cuando podrías elegir vertical (3:4 o 4:5): Tiendas de moda centradas en tomas de cuerpo completo sobre modelo, donde la composición vertical importa. Esto requiere un tema específicamente diseñado alrededor de relaciones de aspecto verticales (Dawn con ajustes de tema, Impact, Impulse): no fuerces vertical en un tema con grilla cuadrada por defecto.
Cuando encaja el horizontal (16:9): Banners hero, tomas lifestyle ambientales usadas como imágenes secundarias. Nunca como imagen principal de producto en un tema con grilla cuadrada.
El flujo seguro: fotografía más abierto de lo que necesitas, recorta a cuadrado 2048×2048 para tu imagen máster, luego crea variantes adicionales 2048×2048 para ángulos alternativos. Usa composiciones horizontales solo en banners y slideshows.
¿Cómo afectan los temas de Shopify a la exhibición de imágenes?
Cada tema recorta y dimensiona las imágenes de manera distinta: esta es la causa más frecuente de "mis fotos se ven mal en mi sitio". Antes de finalizar las especificaciones, prueba con tu tema real.
| Tema | Recorte en página de producto | Grilla de colección | Notas |
|---|---|---|---|
| Dawn (predeterminado de Shopify) | Configurable (cuadrado, vertical, horizontal, original) | Coincide con la página de producto | Más flexible |
| Debut | Cuadrado forzado | Cuadrado | Exhibición estricta 1:1 |
| Impact | Amigable con vertical | Configurable | Optimizado para moda |
| Motion | A sangre, controlado por el tema | Estilo tarjeta | Muy animado |
| Minimal | Centrado con relleno | Cuadrado | Añade espacio blanco si no es cuadrado |
Prueba práctica: Después de subir, mira tu página de producto y la de colección tanto en escritorio como en móvil. Si el recorte del producto se ve mal, corrige la imagen de origen, no te apoyes en ajustes de CSS del tema, que se rompen con las actualizaciones.
¿Cómo se compara con Amazon y eBay?
Si vendes en varias plataformas desde la misma biblioteca de productos, las especificaciones divergen en aspectos importantes.
| Especificación | Shopify | Amazon | eBay |
|---|---|---|---|
| Tamaño recomendado | 2048×2048 px | 2000×2000 px | 1600×1600 px |
| Tamaño mínimo | 800×800 px | 1000×1000 px (zoom) | 500×500 px |
| Tamaño máximo | 5000×5000 px, 20MB | 10000 px lado más largo | 7MB |
| Relación de aspecto | Flexible por tema | 1:1 obligatoria | 1:1 recomendada |
| Fondo | A tu elección | Blanco puro (imagen principal) | Limpio, blanco no obligatorio |
| Logos/marcas de agua | Permitidos | Prohibidos en la principal | No permitidos en la principal |
| Texto sobre imagen | Permitido | Prohibido en la principal, permitido en secundarias | Limitado en la principal |
| Formato de archivo | JPEG, PNG, WebP, GIF, SVG | JPEG, PNG, TIFF, GIF | JPEG, PNG, GIF, BMP, TIFF |
Implicación práctica: Una única imagen compatible con Amazon (2000×2000, blanco puro, sin texto) funciona en todas partes, pero es demasiado aséptica para Shopify, donde las imágenes lifestyle e infografías convierten mejor. Construye tu biblioteca de imágenes con un máster 2048×2048 de fondo limpio, y variantes superpuestas encima.
¿Qué texto alternativo debo escribir para SEO?
El texto alternativo sirve a tres audiencias: lectores de pantalla, búsqueda de imágenes de Google y fallback para imágenes rotas. Escribe pensando en las dos primeras; la tercera se resuelve sola.
Fórmula de buen texto alternativo: [Nombre del producto] [descriptor clave] [contexto si aplica]
| Tipo de imagen | Texto alternativo débil | Texto alternativo fuerte |
|---|---|---|
| Producto principal | "taza blanca" | "Taza de café de cerámica blanca 12oz con acabado mate" |
| Variante de color | "versión roja" | "Taza de café de cerámica roja 12oz acabado mate" |
| Toma lifestyle | "taza sobre la mesa" | "Taza de cerámica blanca sobre mesa de desayuno de madera con café matinal" |
| Toma de detalle | "primer plano" | "Primer plano de taza de cerámica blanca mate mostrando textura del asa" |
| Infografía | "diagrama" | "Infografía de dimensiones de taza de café mostrando 3.5 pulgadas de alto y 4 pulgadas de diámetro" |
Reglas:
- Menos de 125 caracteres (los lectores de pantalla cortan a partir de ahí)
- Incluye la palabra clave principal de forma natural, sin atiborrar
- Describe lo que realmente se muestra, no copies el título del producto
- Texto alternativo distinto para cada imagen del mismo producto (no copias idénticas)
- Evita frases como "imagen de" o "foto de": la tecnología asistiva las añade automáticamente
¿Cómo manejo las imágenes de variantes (color, talla, estilo)?
Shopify te permite asignar imágenes a variantes específicas. Aquí es donde la mayoría de las tiendas se queda corta.
Configuración mínima viable: Una imagen por variante de color mostrando exactamente ese color. Es lo que el cliente espera: hacer clic en "rojo" debe mostrar el producto rojo, no el blanco.
Mejor configuración para moda y hogar:
- Imagen principal de variante: Producto al mismo ángulo, misma iluminación, misma composición en todos los colores (para comparación visual sencilla)
- Imagen lifestyle secundaria: Producto en uso, con el color de la variante
- Imagen de detalle: Primer plano que muestre color/textura con precisión
Las variantes de talla no necesitan imágenes separadas a menos que el producto se vea visualmente distinto en tallas distintas (por ejemplo, un bolso pequeño vs. uno grande con proporciones distintas). Para ropa, un set de fotos sobre modelo más una tabla de tallas es suficiente.
La precisión del color es crítica: Los compradores esperan que la imagen de variante coincida con la realidad que ven en pantalla. Si tu iluminación de estudio desvía los colores, corrígelo en postproducción antes de subir. Las devoluciones por color se deben en gran medida al desajuste entre imagen y realidad en variantes de color.
¿La velocidad de página y el peso de imagen afectan realmente la conversión?
Sí, y de forma medible. Los datos de Core Web Vitals de Google y los estudios de benchmarks de e-commerce muestran consistentemente:
- LCP (Largest Contentful Paint) por debajo de 2.5s: base para un buen ranking
- LCP entre 2.5–4s: caída significativa en métricas de interacción
- LCP por encima de 4s: aumento sustancial de tasa de rebote en móvil
Tu imagen principal de producto suele ser el elemento LCP de la página. Quitarle 500KB normalmente reduce el LCP en 200–500ms en móvil 4G, efecto que se acumula a lo largo de la sesión.
| Mejora de velocidad | Efecto típico en conversión |
|---|---|
| 1s → 2s | Base, sin efecto |
| 3s → 2s | +3–7% de conversión |
| 5s → 2s | +10–15% de conversión en móvil |
| 8s → 3s | +25–30% de conversión en móvil |
Por eso el objetivo de 200–500KB importa más de lo que parece. Diez imágenes a 500KB son 5MB de página. Diez imágenes a 2MB son 20MB de página: la diferencia es palpable para todo visitante móvil.
Lista de verificación previa a la carga
Recórrela antes de añadir imágenes a cualquier producto:
- Tamaño máster 2048×2048 píxeles (o 2000×2000 si es multicanal)
- Relación cuadrada que coincida con la grilla por defecto del tema
- Exportado como JPEG calidad 80–85 (o WebP calidad 80)
- Peso de archivo entre 200–500KB por imagen
- Nombre de archivo descriptivo:
producto-color-angulo.jpg(noIMG_4821.jpg) - Texto alternativo escrito para cada imagen, menos de 125 caracteres
- Color que coincida con la realidad (verificar en pantalla calibrada)
- Imágenes de variante asignadas correctamente en el admin de Shopify
- Vista previa revisada en escritorio y móvil tras la carga
- Recorte probado en tu tema específico
FAQ
¿Shopify comprime mis imágenes automáticamente?
Sí. Shopify sirve una versión optimizada por CDN, a menudo como WebP a navegadores compatibles, dimensionada al viewport. Pero la compresión es con pérdida sobre lo que subes: una fuente preoptimizada siempre da mejor resultado que depender de la compresión automática.
¿Puedo usar las mismas imágenes de producto en Shopify y Amazon?
Tu imagen principal, sí: una imagen 2000×2000 de fondo blanco puro funciona en ambas. Las imágenes secundarias normalmente deben diferir: Amazon prohíbe logos y casi todo tipo de texto sobre la imagen principal y tiene reglas más estrictas para las secundarias, mientras que Shopify permite plena libertad creativa. Mantén carpetas separadas etiquetadas por canal.
¿Cuál es el tamaño ideal de banner hero para la página de inicio?
1920×1080 píxeles es el valor seguro por defecto. Algunos temas admiten 2400×1200 para pantallas ultra anchas. Incluye siempre un recorte optimizado para móvil (1080×1080 o 1080×1350): los usuarios móviles deben ver un encuadre cerrado centrado en el producto, no una franja del medio de tu banner de escritorio.
¿Cuántas imágenes debo tener por producto?
Siete u ocho imágenes es el punto óptimo para la mayoría de las categorías: principal con fondo blanco, 2–3 ángulos adicionales, 1–2 lifestyle/en uso, 1 referencia de escala/tamaño, 1 infografía. Menos de cuatro sugiere que la ficha está incompleta; más de diez suele añadir ruido sin elevar la conversión.
¿Por qué mis imágenes de producto se ven borrosas en móvil?
Tres causas comunes: (1) la imagen fuente estaba por debajo de 2048px y se estiró, (2) el tema está sirviendo una variante muy comprimida porque tu archivo fuente es demasiado grande, (3) las pantallas Retina móviles renderizan distinto al escritorio, una imagen que se ve nítida en escritorio puede verse suave en pantallas móviles con densidad 3x. Solución: sube una fuente nítida 2048×2048 y deja que Shopify se encargue del escalado.