Imágenes de productos

Enlaces destacados

1. Recurso de referencia en help.shopify.com: directorio de partners
2. Documentación de Shopify sobre la gestión de productos
3. Documentación de Shopify sobre cómo añadir archivos multimedia de productos
4. Página Productos del panel de control de Shopify
5. Documentación de Shopify sobre metafields
6. Documentación de Shopify sobre los límites de alojamiento de videos y modelos 3D
7. Documentación de Shopify sobre el escáner 3D
8. Documentación de Shopify sobre cómo añadir texto alternativo a los archivos multimedia
9. Documentación de Shopify sobre los temas compatibles con archivos multimedia de productos
10. Documentación para desarrolladores de Shopify sobre cómo añadir compatibilidad con archivos multimedia

Videos útiles

Video sobre imágenes de productos

Video sobre imágenes de productos

Conceptos básicos de los archivos multimedia de productos

En su tienda con el tema Company XYZ Align, use los archivos multimedia de productos de Shopify para presentar productos físicos, descargas digitales, servicios y tarjetas regalo. Añada detalles y archivos multimedia del producto y, a continuación, cree variantes para opciones como la talla o el color.

Puede poner un producto a disposición de uno o varios canales de venta mientras lo añade o actualiza. Gestione los productos y las variantes desde Productos en el panel de control de Shopify.

Añadir archivos multimedia de productos

Puede añadir hasta 250 imágenes, modelos 3D y videos a cada producto. Los videos y los modelos 3D también cuentan para los límites de alojamiento de toda la tienda, que varían según el plan; consulte los límites de alojamiento de videos y modelos 3D

En dispositivos iOS compatibles, también puede escanear y crear un modelo 3D en la aplicación Shopify Mobile con la función de escáner 3D

El primer archivo multimedia de un producto es su archivo multimedia destacado o principal. Shopify utiliza este elemento principal en las páginas de colección, la página del carrito, la página de pago y la página de inicio. Puede cambiarlo en cualquier momento.

Añadir archivos multimedia a un producto

1. En el panel de control de Shopify, vaya a Productos
2. Seleccione el producto que desea editar.
3. En la sección Media, añada una imagen, un modelo 3D o un video mediante uno de estos métodos:
   • Seleccione Upload new y, a continuación, elija el archivo que desea cargar.
   • Arrastre y suelte un archivo en la sección Media.
   • Seleccione Select existing para elegir entre los archivos multimedia que ya tiene.
   • Para añadir un archivo desde una URL, seleccione Select existing y, a continuación, seleccione Add from URL.

Cambiar el archivo multimedia principal del producto

1. En el panel de control de Shopify, vaya a Productos
2. Seleccione el producto que desea editar.
3. En la sección Media, arrastre el archivo multimedia que desea usar a la primera posición.

Eliminar archivos multimedia de productos

Puede eliminar archivos multimedia de uno en uno o eliminar varios archivos en bloque.

Eliminar un archivo multimedia

Si un archivo se utiliza en otra parte de su tienda, al eliminarlo aquí solo se quitará de este producto.

1. En el panel de control de Shopify, vaya a Productos
2. Seleccione el producto que desea editar.
3. En la sección Media, seleccione el archivo multimedia que desea eliminar.
4. Seleccione el icono de la papelera.
5. Seleccione Delete file.

Eliminar archivos multimedia en bloque

Si alguno de los archivos seleccionados se utiliza en otra parte de su tienda, solo se quitará del producto que está editando.

1. En el panel de control de Shopify, vaya a Productos
2. Seleccione el producto que desea editar.
3. En la sección Media, use las casillas de verificación para seleccionar los archivos multimedia que desea eliminar.
4. Seleccione Delete files.
5. Seleccione Delete.

Videos y modelos 3D

Los modelos 3D y los videos no se pueden usar como archivos multimedia de variantes de producto.

Antes de basarse en modelos 3D o videos en las páginas de productos de Align, confirme que la versión instalada admite el tipo de archivo multimedia. Shopify mantiene una lista de temas compatibles con modelos 3D y videos. Si usa una versión compatible anterior, actualícela cuando sea necesario.

Si planea personalizar el código de Align para admitir archivos multimedia, consulte las indicaciones de Shopify sobre cómo añadir compatibilidad con archivos multimedia a su tema y las directrices de UX para archivos multimedia. Para obtener indicaciones específicas de Align, consulte la documentación de Company XYZ o póngase en contacto con el equipo de asistencia de Company XYZ.

Video y límites de alojamiento de modelos 3D

Su tienda tiene un límite total para los videos y modelos 3D alojados por Shopify entre los archivos multimedia de productos y la página Files. El límite de modelos 3D depende de su plan.

Starter	Basic Shopify	Shopify	Advanced Shopify	Shopify Plus
250	250	1000	5000	Contact Shopify Plus Support

Nota

Cada plan permite un máximo de 250 archivos multimedia de cualquier tipo en un producto a la vez.

Añadir archivos multimedia de productos con metafields

Use metafields cuando necesite más control sobre cómo aparecen los archivos multimedia de los productos en su tienda online. Cree un metafield de referencia de archivo para un producto para cargar una imagen que se muestre, u otro tipo de archivo para que los clientes lo descarguen.

Los metafields de referencia de archivo pueden mostrar imágenes JPEG, PNG, WEBP, SVG, HEIC y GIF. Cada metafield puede contener un solo archivo a la vez.

Revertir ediciones de imágenes de productos

Si ya no necesita un recorte, un cambio de tamaño o una edición mágica, devuelva una imagen a su estado original con Revert to original en la esquina superior del editor.

Nota

Revert to original solo está disponible al previsualizar archivos multimedia que se hayan editado anteriormente. Después de confirmar la acción, el archivo vuelve a su forma original. Esta opción solo está disponible para ediciones de archivos multimedia de productos realizadas después de enero de 2024.

Tipos de archivos multimedia de productos

Los clientes ven los archivos multimedia de los productos, como las imágenes, en las páginas de producto. Los videos, los modelos 3D y la realidad aumentada pueden ayudar a los clientes a comprender mejor un producto, aumentar la confianza y mejorar la experiencia de compra.

Use archivos multimedia de alta calidad que cumplan las especificaciones necesarias para que se muestren correctamente. Todos los temas admiten imágenes de productos, pero los videos y modelos 3D requieren compatibilidad en la versión instalada de Align.

Imágenes

Las imágenes de productos aparecen en los canales de venta, incluida su tienda online y Shopify POS. PNG es el mejor tipo de archivo para la mayoría de las imágenes de productos, seguido de JPEG.

Otros tipos de imagen aceptados son PSD, TIFF, BMP, GIF, SVG, HEIC y WebP. El servicio de imágenes de Shopify selecciona el formato compatible más adecuado para el cliente web de cada cliente. La presentación exacta depende de los ajustes y las plantillas de Align, pero todos los temas admiten imágenes de productos.

Las imágenes de productos y colecciones pueden tener hasta 5000 x 5000 px, o 25 megapíxeles, y deben pesar menos de 20 MB. Las fotografías de alta resolución suelen dar a los productos un aspecto más pulido y profesional.

Para las imágenes cuadradas de productos, normalmente funciona mejor 2048 x 2048 px. Para obtener indicaciones sobre fotografía, lea La guía definitiva de bricolaje para conseguir fotografías de productos atractivas en el Shopify Blog.

Consejo

Las imágenes de productos pueden aparecer una junto a otra con distintos tamaños en las páginas de colección. Mantenga la coherencia visual de las imágenes destacadas usando la misma relación de aspecto, es decir, la relación entre la altura y el ancho.

Al añadir una imagen, Shopify crea automáticamente distintos tamaños para usarla en diferentes áreas del tema. Por ejemplo, una versión más grande puede aparecer en una página de detalles del producto, mientras que una versión más compacta puede aparecer en plantillas de colección donde no es necesaria una imagen grande.

Buscar imágenes adicionales

¿Necesita imágenes libres de regalías para su tienda online? Descargue fotos de productos y de estilo de vida en alta resolución desde Burst

Modelos 3D

Un modelo 3D es una representación virtual y tridimensional de un objeto. Puede ayudar a los clientes a comprender mejor el tamaño, la escala y los detalles de un producto.

Los clientes pueden ver modelos 3D de productos desde la página del producto. El modelo usa la cámara y la pantalla del dispositivo para colocar el producto en el entorno del cliente, lo que le permite inspeccionarlo desde cualquier ángulo.

Antes de añadir un modelo 3D a su tienda online, asegúrese de que el archivo cumpla estos requisitos:

1. Tamaño del archivo Hasta 500 MB
2. Tipo de archivo GLB o USDZ

Si carga un modelo 3D de más de 15 MB, Shopify lo optimiza para reducir el tamaño del archivo y mejorar la velocidad de carga.

Tamaño del modelo	Optimización	Conversión
Menos de 15 MB	El modelo no se optimiza. Su geometría y sus materiales no cambian.	Los archivos se convierten para que estén disponibles las versiones .USDZ y .GLB, compatibles con dispositivos basados en Android y iOS.
Más de 15 MB	El modelo se optimiza. Se optimizan la geometría y las texturas, conservando el resultado visual del archivo original.	Los archivos se convierten para que estén disponibles las versiones .USDZ y .GLB, compatibles con dispositivos basados en Android y iOS.

Videos

Añada videos de productos de una de estas maneras:

1. Cargue un archivo de video.
2. Inserte un enlace de video de YouTube o Vimeo.

Los archivos de video cargados deben cumplir estos requisitos:

1. Duración del video Hasta 10 minutos
2. Tamaño del video Hasta 1 GB
3. Resolución del video Hasta 4K, o 4096 x 2160 px
4. Tipo de archivo de video .mp4 o .mov

Estos requisitos no se aplican a los videos insertados de YouTube o Vimeo. No se admiten URL de otros proveedores de video.

En los navegadores compatibles con la transmisión, los videos se muestran a 480p, 720p o 1080p según la velocidad de conexión del espectador y la resolución del video cargado. En los navegadores que no admiten la transmisión, los videos se muestran con la resolución máxima disponible.

Puede añadir imágenes, modelos 3D o videos desde el panel de control de Shopify o la aplicación móvil de Shopify.

Compatibilidad de Align con modelos 3D y videos

La versión instalada de Align puede admitir modelos 3D y videos, pero la compatibilidad depende de la versión de la biblioteca de temas de Shopify. Consulte la documentación de Company XYZ antes de actualizar o personalizar Align. Para obtener ayuda sobre el comportamiento específico de Align, póngase en contacto con el equipo de asistencia de Company XYZ. Para preguntas sobre el panel de control de Shopify, el plan, la cuenta o el alojamiento de la plataforma, póngase en contacto con el equipo de asistencia de Shopify.

Notas de uso

1. Elija cuidadosamente el primer elemento. El primer archivo multimedia se convierte en el archivo multimedia principal del producto que se muestra en páginas clave orientadas a los clientes.
2. Planifique el volumen de archivos multimedia. Tenga presente el límite de 250 archivos por producto y compruebe los límites de videos y modelos 3D de toda la tienda antes de cargar un catálogo grande.
3. Mantenga la coherencia de las imágenes. Use imágenes de alta calidad con una relación de aspecto uniforme, especialmente para las imágenes destacadas que aparecen en las colecciones.
4. Compruebe primero la compatibilidad de Align. Confirme que la versión instalada de Align admite videos y archivos multimedia 3D antes de basarse en esos formatos.
5. Use metafields para archivos multimedia personalizados. Un metafield de referencia de archivo contiene un archivo, por lo que resulta útil cuando el tema está configurado para mostrar archivos multimedia complementarios específicos del producto.
6. Revise las ediciones antes de revertirlas. Al revertir una imagen editada, esta vuelve a su archivo original; confirme que ya no necesita el recorte, el cambio de tamaño o la edición mágica.