Administración de imágenes y vídeos de productos

Para cada producto, puede cargar varias imágenes y vídeos, reorganizar su pedido y controlar cómo se utiliza cada uno. Si tiene que administrar una gran cantidad de imágenes, es posible que prefiera importarlas como un lote en lugar de cargar cada una de ellas individualmente. Para obtener más información, consulte Importar imágenes de productos.

Si planea cargar imágenes grandes para verlas en la página Product Details, considere la posibilidad de establecer un tamaño de píxel máximo (ancho y alto) y cambiar automáticamente el tamaño de los archivos al cargarlos. Hay una opción para habilitar el cambio de tamaño automático de archivos de imagen más grandes a medida que carga. Para obtener más información, consulte Cambio de tamaño de la imagen del producto.

Actualizar las imágenes del producto

  1. Abra el producto en modo de edición.

  2. Para trabajar con una vista de tienda específica, establezca el selector Store View en la esquina superior izquierda a la vista correspondiente.

    note note
    NOTE
    Las nuevas imágenes de producto siempre están cargadas y son visibles en todas las vistas de tiendas, incluso si el ámbito All Store Views no se usa para la carga.

    Para ocultar cualquier imagen de producto de una vista de tienda específica, debe cambiar a esa vista de tienda, seleccionar la casilla Hide from Product Page de la imagen y hacer clic en Save.
  3. Desplácese hacia abajo y expanda la sección Images and Videos.

Cargar una imagen

Para obtener la mejor compatibilidad, se recomienda cargar todas las imágenes de productos con el perfil de color sRGB. Todos los demás perfiles de color se convierten automáticamente al perfil de color sRGB durante la carga de la imagen del producto, lo que podría causar incoherencia de color en la imagen cargada.

La longitud del nombre del archivo de imagen, incluida la extensión, no puede superar los 90 caracteres.

Para cargar una imagen, realice una de las siguientes acciones:

  • Arrastre una imagen desde el escritorio y suéltela en el mosaico Cámara ( Icono de cámara ) del cuadro Images And Videos.

  • En el cuadro Images And Videos, haga clic en el mosaico_ Cámara _( Icono de cámara ), seleccione el archivo de imagen del equipo y haga clic en Open.

    Cargar o arrastrar y soltar {width="600" modal="regular"}

Reorganizar imágenes

Para cambiar el orden de las imágenes en la galería, haga clic en el icono Sort( Icono Ordenar ) en la parte inferior del mosaico de la imagen y arrastre la imagen a una posición diferente en el cuadro​ Images And Videos.

Pedido de cambio {width="600" modal="regular"}

Eliminar una imagen

Para quitar una imagen de la galería, haga clic en el icono Delete ( icono de papelera ) en la esquina superior derecha del mosaico de la imagen y haga clic en Save.

Definir detalles de la imagen

Haga clic en la imagen que desea abrir en la vista de detalles y realice una de las acciones siguientes:

Vista de detalles de imagen {width="600" modal="regular"}

Para cerrar la vista de detalles, haga clic en el icono Cerrar ( Icono Cerrar ) en la esquina superior derecha.

Una vez finalizado, haga clic en Save.

Introducir texto alternativo

Los lectores de pantalla hacen referencia al texto alternativo de imagen para mejorar la accesibilidad web y los motores de búsqueda al indexar el sitio. Algunos exploradores muestran el texto alternativo al pasar el ratón por encima. El texto alternativo puede tener varias palabras e incluir palabras clave cuidadosamente seleccionadas.

En el cuadro Alt Text, escriba una breve descripción de la imagen.

Asignar funciones

De forma predeterminada, todas las funciones se asignan a la primera imagen cargada en el producto. Para reasignar un rol a otra imagen, haga lo siguiente:

En el cuadro Role, elija la función que desea asignar a la imagen.

Cuando vuelva a la sección Imágenes y vídeos, los roles asignados actualmente aparecerán debajo de cada imagen.

Roles asignados {width="600" modal="regular"}

Ocultar una imagen

Para excluir una imagen de la galería de miniaturas, seleccione la casilla Hidden y haga clic en Save.

Imágenes ocultas {width="600" modal="regular"}

Funciones de imagen

Función de imagen
Descripción
Thumbnail
Las imágenes en miniatura aparecen en la galería de miniaturas, en el carro de compras y en algunos bloques, como Elementos relacionados. Tamaño de ejemplo: 50 x 50 píxeles
Small Image
La imagen pequeña se utiliza para las imágenes de los productos que aparecen en los anuncios de las páginas de categorías y resultados de búsqueda, y para mostrar las imágenes de productos necesarias para secciones como Ampliación de ventas, Venta cruzada y la Nueva lista de productos. Tamaño de ejemplo: 470 x 470 píxeles
Base Image
La imagen base es la imagen principal de la página de detalles del producto. El zoom de imagen se activa si se carga una imagen que es más grande que el contenedor de imágenes. Según el nivel de zoom que desee alcanzar, la imagen base debe ser dos o tres veces el tamaño del contenedor. Tamaños de ejemplo: 470 x 470 píxeles (sin zoom), 1100 x 1100 píxeles (con zoom)
Swatch
Se puede usar una muestra para ilustrar el color, el patrón o la textura. Tamaño de ejemplo: 50 x 50 píxeles

Filigranas

Si vas a expensas de crear tus propias imágenes originales del producto, no hay mucho que puedas hacer para evitar que competidores sin escrúpulos las roben con un clic del ratón. Sin embargo, puede hacer que sean un destino menos atractivo colocando una marca de agua en cada imagen para identificarlos como su propiedad. Un archivo de marca de agua puede ser un JPG (JPEG), un GIF o una imagen PNG. Los tipos de archivo GIF y PNG admiten capas transparentes, que se pueden utilizar para dar a la marca de agua un fondo transparente.

La marca de agua utilizada para la imagen small del siguiente ejemplo es un logotipo negro con un fondo transparente y se guarda como archivo PNG con la siguiente configuración:

  • Tamaño: 50x50
  • Opacidad: 5
  • Posición: Mosaico

Marca de agua en mosaico {width="700" modal="regular"}

Agregar marcas de agua a imágenes de productos

  1. En la barra lateral Admin, vaya a Content > Design>Configuration.

    Para obtener más información acerca de las configuraciones de diseño, vea Configuración de diseño.

  2. Busque la vista de tienda que desea configurar y haga clic en Edit en la columna Action.

  3. En Other Settings, expanda Selector de expansión en la sección Product Image Watermarks.

    Marcas de agua de imagen de producto - Base {width="600" modal="regular"}

    La configuración de las imágenes Base, Thumbnail, Small y Swatch Image es la misma.

  4. Utilice uno de los siguientes métodos para agregar el recurso de imagen de marca de agua:

    • Haga clic en Upload y elija el archivo de imagen del sistema que desee cargar para utilizarlo como marca de agua.
    • Haga clic en Select from Gallery y seleccione un recurso de imagen de la Galería multimedia.
  5. Complete la configuración de visualización de la marca de agua:

    • Escriba Image Opacity como porcentaje. Por ejemplo: 40

    • Escriba Image Size en píxeles. Por ejemplo: 200 x 200

    • Establezca Image Position para determinar dónde aparece la marca de agua.

  6. Una vez finalizado, haga clic en Save Config.

  7. Cuando se le pida que actualice la caché, haga clic en Cache Management en el mensaje del sistema y actualice la caché no válida.

    Actualizar caché {width="600" modal="regular"}

TIP
Puede hacer clic en Use Default Value Flecha devuelta para restaurar el valor predeterminado.

Eliminar una marca de agua

  1. En la esquina inferior izquierda de la imagen, haga clic en el icono Delete ( icono de papelera ).

    Eliminar filigrana {width="300"}

  2. Haga clic en Save Config.

  3. Cuando se le pida que actualice la caché, haga clic en Cache Management en el mensaje del sistema y actualice la caché no válida.

    Si la imagen de marca de agua persiste en la tienda, vuelva a la administración de caché y haga clic en Flush Magento Cache.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071