respuesta rapida
El consejo habitual de Shopify sobre el tamaño de la imagen del producto se centra en fotografías estáticas de la galería, a menudo de alrededor de 2048 × 2048 px cuadrados. Un giro de 360° es un trabajo diferente: usted captura una serie de fotogramas (normalmente 4:3 horizontal en el escritorio, 3:4 opcional en el móvil, hasta 36 fotogramas), la aloja fuera de la galería temática y sirve WebP o AVIF redimensionado desde una CDN después de que el comprador toca. Spinnify 360° Studio maneja el cambio de tamaño y la entrega para que los comerciantes no inserten originales de varios megabytes en archivos Shopify solo para obtener una rotación en la página del producto.
Busque "tamaño de imagen de producto de Shopify" y encontrará la misma lista de verificación de píxeles cuadrados repetida en los centros de ayuda y blogs de agencias. Ese consejo es útil para las fotografías en paquete. Está incompleto en el momento en que agrega una vista interactiva de 360°. Los espacios de la galería, los límites de las imágenes temáticas y el proceso de cambio de tamaño del propio Shopify nunca se diseñaron para contener treinta y seis fotogramas de alta resolución por SKU.
Este artículo mantiene las conocidas dimensiones de la imagen del producto Shopify para fotografías, luego muestra qué cambios para una serie de cuadros 360, cómo Spinnify 360° Studio protege Largest Contentful Paint con un widget diferido y dónde dejar de incluir originales en el tema. Para conocer los pasos de instalación (bloque de aplicación, campo coincidente, OAuth), utilice el complementoShopify Guía de integración del visor de productos de 360°. Aquí nos quedamos en tamaño, peso y entrega.
Qué recomienda Shopify para imágenes de productos estáticas
La orientación pública de Shopify para la fotografía de productos todavía se centra en fotografías cuadradas nítidas para la galería principal. Un objetivo práctico que utilizan muchos comerciantes es aproximadamente 2048 × 2048 px para la imagen principal del producto, con un peso de archivo razonable para que el tema pueda generar variantes responsivas. Ese tamaño cubre el zoom, las pantallas retina y las exportaciones del mercado sin obligar a cada visitante a descargar una cámara RAW.
En la página del producto, Shopify y su tema recortan o escalan esas instantáneas en miniaturas, imágenes destacadas y vistas previas de gráficos abiertos. El modelo mental es simple: una imagen equivale a un espacio en la galería. Los comerciantes que sólo venden con paquetes planos pueden detenerse allí. La confusión comienza cuando los equipos tratan una secuencia completa de 360° como "simplemente más Shopify tamaño de imagen de página de producto" e intentan colocar cada fotograma en Archivos o Medios.
Las pautas estáticas responden "¿qué tamaño debe tener la foto de mi héroe?" No responden "¿cómo se debe capturar, almacenar y entregar un giro de varios cuadros para que PageSpeed se mantenga saludable?" Se trata de canales separados que comparten una palabra clave.
¿Qué cambia para una serie de cuadros de 360°?
Un giro de 360° de un producto es un conjunto ordenado de fotogramas fijos, no un patrón cuadrado. En Spinnify 360° Studio, la serie principal de escritorio se graba en una proporción horizontal de 4:3, hasta 36 fotogramas. Una serie móvil opcional utiliza formato vertical 3:4 para que los compradores que utilizan el teléfono por primera vez vean una composición que se ajusta a la pantalla. El nombre del producto en Spinnify 360° Studio debe coincidir con la variante Shopify SKU (la coincidencia no distingue entre mayúsculas y minúsculas). No existe un recorte automático en la nube que invente un mejor encuadre para usted; usted captura fotogramas centrados y consistentes y el servicio los entrega.
La entrega es la segunda diferencia. El widget de escaparate no inyecta docenas de imágenes de galería de resolución completa en el HTML inicial. Se carga después de que el comprador toca el control 3D. Luego, los fotogramas llegan como WebP o AVIF redimensionados por CDN, con el tamaño adecuado para el espectador, no como los originales de varios megabytes que puede haber fotografiado con una cámara de estudio. Es por eso que "tamaño de imagen de Shopify 360" es una pregunta diferente de "dimensiones de imagen de producto de Shopify" para una sola foto de paquete.
Si de todos modos subes originales enormes al tema Shopify, pagas el doble: el peso del tema crece y aún te falta un reproductor de giros adecuado. Mantenga las imágenes fijas de la galería en Shopify. Mantenga la secuencia de giro en Spinnify 360° Studio.
Galería estática vs marcos de 360°: tamaño y entrega
Utilice la tabla como filtro de planificación cuando un fotógrafo o agencia pregunte qué tamaño de imagen de producto Shopify tomar. Una columna sigue siendo la galería familiar. La otra es la serie de giros que nunca perteneció a todos los espacios con imágenes temáticas.
| Galería estática Shopify | Serie de marcos de 360° (Spinnify) | |
|---|---|---|
| Dimensiones típicas | A menudo ~2048 × 2048 px cuadrados fijos | Serie horizontal 4:3 (hasta 36); móvil 3:4 opcional |
| Donde viven los archivos | Shopify medio/tema del producto | Spinnify 360° Studio + CDN |
| Cuando se cargan los bytes | Con galería / candidatos LCP | Después de que el comprador toque el control 3D |
| Formato de entrega | Imágenes responsivas generadas por temas | WebP/AVIF redimensionado por CDN para el espectador |
| Trabajo de cambio de tamaño del comerciante | Exportar un héroe + alts | Capture cuadros consistentes; Spinnify cambia el tamaño para la entrega |
| Coincidencia de catálogo | Medios del producto adjuntos en Admin | Nombre del producto ↔ variante SKU (no distingue entre mayúsculas y minúsculas) |
La ruta Spinnify 360° Studio (tamaño sin exceso de tema)
Spinnify 360° Studio está diseñado para que los comerciantes dejen de tratar las imágenes de productos 360 en Shopify como un volcado de archivos. Captura o importa la serie de fotogramas (o un clip corto del tocadiscos que se convierte en fotogramas), publica el producto con el nombre que coincida con su variante SKU y deja que el bloque de aplicación Shopify muestre un control 3D en la plantilla del producto. El trabajo pesado de ofrecer la densidad de píxeles correcta ocurre en la CDN de Spinnify, no dentro de cada etiqueta de imagen de Liquid en la primera pintura.
Esa separación es la respuesta honesta al "tamaño de imagen de la página del producto de Shopify" cuando el comerciante realmente quiere probar. Tus fotografías cuadradas pueden seguir la pauta estática de Shopify. Tu órbita vive en un visor dedicado que realiza cargas diferidas al instante, por lo que LCP permanece vinculado a la foto del héroe en lugar de treinta y seis fotogramas compitiendo por el ancho de banda en cada visita.
Si Core Web Vitals ya es una preocupación en su PDP, combine este modelo de tamaño con nuestras notas sobreShopify 360° sin dañar PageSpeed. Para fotogramas de vídeo en lugar de una toma de fotografías, consulteVídeo de giro 360 para comercio electrónico.
Errores que los comerciantes cometen una vez
La mayoría de las fallas no son errores misteriosos de API. Son hábitos de tamaño y ubicación copiados de la fotografía estática a un formato que no pertenece a la galería.
- Subir la secuencia completa de 360° en Shopify Archivos como si cada fotograma fuera una galería fija.
- Disparar sólo a los maestros cuadrados 1:1 y esperar que se comporten como una serie de giros 4:3.
- Enviar originales de cámaras de varios megabytes al tema y esperar que Shopify "arregle" la entrega de giros.
- Nombrar el producto Spinnify 360° Studio de manera diferente a la variante SKU (la coincidencia no distingue entre mayúsculas y minúsculas, no es confusa).
- Esperando que el recorte automático en la nube rescate fotogramas descentrados o recortados.
- Juzgar el éxito solo en la vista previa del editor de temas en lugar de en la URL del producto en vivo con el campo de coincidencia configurado.
Veredicto
Shopify tamaño de imagen de producto para fotografías estáticas y Shopify tamaño de imagen para 360° son palabras clave relacionadas con diferentes canales. Mantenga los héroes de la galería cuadrados y bien comprimidos en Shopify. Capture series de fotogramas consistentes de 4:3 (y 3:4 opcional) para el giro, publíquelos en Spinnify 360° Studio y deje que CDN WebP/AVIF más un widget activado por toque proteja la página del producto. Así es como obtienes imágenes de productos en 360° en Shopify sin convertir el tema en un DAM no oficial.
Listo para publicar un giro sin rellenar el tema:Abrir Spinnify 360° Studio. ¿Necesita la ruta de instalación después de que los tamaños estén claros? Lea elShopify Guía de integración de 360°.
