Tipos de multimedia de producto
Los clientes que navegan por la tienda online ven contenido multimedia, como imágenes, en las páginas de producto. Usar contenido multimedia como video, modelos 3D y realidad aumentada en la página del producto puede aumentar la confianza de los clientes en los productos, lo que mejora la experiencia del cliente y genera más ventas. Es importante que el contenido multimedia que agregues a los productos sea de alta calidad y cumpla con las required specifications para que se cargue y se muestre correctamente.
Para mostrar videos o modelos 3D en las páginas de producto, la tienda online debe usar un tema compatible con el contenido multimedia que quieres agregar. Todos los temas permiten agregar imágenes a los productos.
En esta página
Imágenes
Las imágenes de producto se usan para mostrar los productos en los canales de ventas de Shopify, incluida la tienda online y Shopify POS. El mejor formato para la mayoría de las imágenes de producto es PNG, seguido de JPEG. También se aceptan los formatos PSD, TIFF, BMP, GIF, SVG, HEIC y WebP. También se admiten versiones animadas de los archivos GIF y WebP. El servicio de imágenes de Shopify determina qué formatos de imagen admite el navegador del cliente y luego muestra automáticamente la imagen en el mejor formato disponible. La forma exacta en que se muestran las imágenes en tu tienda depende del tema de la tienda online, pero todos los temas permiten agregar imágenes.
Las imágenes de producto y de colección pueden tener cualquier tamaño de hasta 5.000 x 5.000 px, o 25 megapíxeles. Para agregarlas a Shopify, las imágenes de producto y de colección deben tener un tamaño de archivo inferior a 20 MB.
Las fotos en alta resolución se ven más cuidadas y profesionales para los clientes. Para las imágenes de producto cuadradas, un tamaño de 2.048 x 2.048 px suele verse mejor. Para obtener más consejos sobre cómo fotografiar los productos, lee The definitive DIY guide to beautiful product photography en el blog de Shopify.
Cuando agregas una imagen, se crean automáticamente distintos tamaños para usarlos en diferentes áreas del tema de la tienda online. Por ejemplo, la versión grande de una imagen de producto puede usarse en la página del producto, donde el cliente quiere ver el producto con más detalle. La versión compacta de esa misma imagen puede usarse en las plantillas de colección, donde no se necesita una imagen más grande.
Modelos 3D
Los modelos 3D son representaciones virtuales de un objeto en tres dimensiones. Los modelos 3D pueden ayudar a tus clientes a tener una mejor idea del tamaño, la escala y los detalles de tus productos.
Un cliente que navega por tu tienda puede ver modelos 3D del producto desde la página del producto. Los modelos usan la cámara y la pantalla del dispositivo para mostrar el producto en el entorno del cliente. Con el modelo 3D, el cliente puede ver el objeto desde cualquier ángulo.
Asegúrate de que tus archivos de modelos 3D cumplan con los siguientes requisitos antes de add them to your online store:
- Tamaño de archivo: hasta 500 MB
- Tipo de archivo:
GLB,USDZ
Si subes un archivo de modelo 3D que supera los 15 MB, se optimiza automáticamente. La optimización reduce el tamaño de los archivos y aumenta la velocidad de carga.
| Tamaño del modelo | Optimización | Conversión |
|---|---|---|
| Menos de 15 MB | No se optimiza el modelo 3D. La geometría y los materiales del modelo no se modifican. | Se convierten los archivos para que haya versiones .USDZ y .GLB del modelo. Esta conversión garantiza la compatibilidad con dispositivos Android y iOS. |
| Más de 15 MB | Se optimiza el modelo 3D. Se optimizan la geometría y las texturas del modelo, conservando el resultado visual del archivo original. | Se convierten los archivos para que haya versiones .USDZ y .GLB del modelo. Esta conversión garantiza la compatibilidad con dispositivos Android y iOS. |
Videos
Puedes agregar videos del producto de dos formas: subir un archivo de video o insertar un enlace de video de YouTube o Vimeo. Si vas a subir archivos de video, asegúrate de que cumplan los siguientes requisitos:
- Duración del video: hasta 10 minutos
- Tamaño del video: hasta 1 GB
- Resolución del video: hasta 4K (4096 x 2160 px)
- Tipo de archivo de video:
.mp4,.movo.webm
No necesitas cumplir estos requisitos para insertar videos de YouTube o Vimeo; sin embargo, no se admiten URL que no sean de YouTube o Vimeo.
En los navegadores que admiten transmisión, los videos se muestran en 480p, 720p o 1080p, según la velocidad de conexión de quien los vea y la resolución del video subido. En los navegadores que no admiten transmisión, los videos se muestran en la resolución más alta disponible.
Puedes add images, 3D models, or videos de los productos desde el panel de control de Shopify o la aplicación de Shopify.
Temas compatibles con modelos 3D o videos
Es posible que el tema ya sea compatible con modelos 3D o videos. Asegúrate de que esté actualizado a la versión correcta.
Los siguientes temas de Shopify permiten mostrar modelos 3D o videos en la tienda online:
- Todos los temas de Online Store 2.0 creados por Shopify. Obtén más información sobre la arquitectura del tema.
- Toda la familia de temas Horizon.
Algunos temas también se actualizaron para ofrecer una mejor experiencia de reproducción de videos de Vimeo. Si quieres incluir videos de Vimeo en el tema, considera actualizarlo a una de las siguientes versiones:
La mayoría de los temas externos tienen versiones recientes que incluyen modelos 3D o videos. Si usas un tema desarrollado por un tercero, puedes comunicarte con el equipo de desarrollo del tema para recibir ayuda o consultar la documentación de ayuda del tema.
Agregar multimedia de producto mediante metacampos
Si quieres personalizar cómo se muestran los elementos multimedia del producto en la tienda online, puedes usar metacampos para crear un metacampo de referencia de archivo para los productos. Los metacampos de referencia de archivo permiten subir imágenes para mostrar los productos u otros tipos de archivo para que los clientes los descarguen. En la tienda online, puedes mostrar imágenes JPEG, PNG, WEBP, SVG, HEIC o GIF en metacampos. Un metacampo solo puede contener un archivo a la vez.
Si cuentas con un compatible theme, puedes conectar los metacampos de referencia de archivo al tema desde el editor de temas. Si usas temas vintage, puedes edit your theme code o contratar a un Shopify Partner para que te ayude.