Shopify es más indulgente con las dimensiones de imagen que un marketplace como Amazon: mostrará encantado casi cualquier cosa. Esa flexibilidad es una trampa. Sube archivos enormes e inconsistentes y tu tema renderiza una cuadrícula lenta y descuadrada donde unos productos se ven nítidos y otros recortados o diminutos. Acertar con tus tamaños de entrada hace que toda la tienda se sienta profesional y cargue rápido.
Los tamaños y el comportamiento de los temas evolucionan, así que trata estos como las recomendaciones comunes y ampliamente usadas y confírmalos con la documentación de tu tema actual.
Tamaños recomendados
| Tipo de imagen | Recomendación común | Proporción |
|---|---|---|
| Fotos de producto | 2048 × 2048 px | 1:1 (cuadrada) |
| La cuadrada es la más segura en general | hasta 4472 × 4472 px máx. | 1:1 |
| Colección / miniaturas | ~1024 × 1024 px | 1:1 |
| Presentación / banner principal | ~1600 px de ancho (o más) | 16:9 o según el tema |
| Tamaño máx. de archivo | 20 MB por imagen (apunta mucho más bajo) | — |
Dos cosas importan más que cualquier número concreto.
Elige una proporción y mantente en ella. Los temas de Shopify se ven mejor cuando todas las fotos de producto comparten la misma forma. La cuadrada (1:1) es la opción más fiable porque encaja en casi todas las cuadrículas de tema sin recortes incómodos. Si mezclas cuadrada, vertical y apaisada, tu cuadrícula se verá irregular.
2048 × 2048 es el punto óptimo para productos. Es lo bastante nítida para el zoom integrado de Shopify en escritorio, se reduce limpiamente para miniaturas y móvil, y se queda muy por debajo del techo de tamaño de archivo. Más grande que eso sobre todo añade peso.
Estandariza todo el catálogo de una vez
Redimensionar decenas de fotos de producto a mano es donde desaparece una tarde. No lo hagas. El redimensionador de imágenes para e-commerce tiene un preajuste de Shopify que produce cuadrados de 2048 × 2048 sobre fondo blanco, con cada producto autocentrado y un margen que puedes ajustar para que nada toque el borde. Suelta una carpeta, recupera un ZIP: cada imagen del mismo tamaño, la misma forma, el mismo encuadre.
Esa coherencia es lo que hace que una cuadrícula de Shopify parezca diseñada en lugar de ensamblada.
Luego recorta el peso del archivo
Las dimensiones correctas resuelven el diseño. El peso del archivo resuelve la velocidad, y la velocidad es dinero en Shopify, donde las páginas lentas cuestan conversiones en silencio y perjudican tu posicionamiento de búsqueda.
Una foto de 2048 px recién salida de una cámara puede pesar varios megabytes. Eso es mucho más de lo que la página necesita. Pasa cada imagen por el compresor de imágenes: para fotos, la calidad 75-85 suele recortar el archivo un 40-70 % sin diferencia visible; los PNG se cuantizan automáticamente. El compresor nunca devuelve un archivo más grande que el que le diste, así que puedes procesar toda la tienda por lotes con seguridad.
Un orden que funciona bien:
- Redimensiona a 2048 × 2048 con el preajuste de Shopify.
- Comprime a calidad 75-85 (o deja correr la cuantización de PNG).
- Sube: la misma forma, archivos pequeños, cuadrícula rápida.
¿WebP, JPG o PNG?
Shopify sirve automáticamente WebP a los navegadores que lo admiten, así que en general no necesitas convertir formatos tú mismo. Sube JPG limpios para las fotografías y PNG solo para gráficos que necesiten transparencia o texto nítido. Deja que la plataforma se encargue de la entrega del formato; tu trabajo es entregar archivos fuente bien dimensionados y bien comprimidos.
Todo se queda en tu máquina
Ambas herramientas funcionan por completo en tu navegador con Canvas y WebAssembly: sin subida, sin cuenta, sin marca de agua. Tus fotos de producto nunca tocan un servidor. Tras la primera visita las herramientas quedan en caché y siguen funcionando sin conexión, así que puedes preparar un catálogo completo en un tren y subirlo cuando vuelvas a estar en línea.
Ponla cuadrada, dimensiónala a 2048, comprímela, y tu tienda de Shopify carga rápido y parece una tienda coherente en lugar de un montón de subidas al azar.