Usar el editor de multimedia

Con el editor de multimedia puedes editar imágenes, modelos 3D y videos. El editor de multimedia está disponible tanto en escritorio como en dispositivos móviles, pero algunas funciones de edición solo están disponibles en la versión de escritorio. Actualmente, en la versión móvil del editor de multimedia solo puedes editar archivos de imagen.

Puedes usar el editor de multimedia para editar contenido multimedia en cualquier lugar donde aparezca el ícono de edición. Esto incluye la multimedia del producto, la multimedia en el editor de la tienda online, la multimedia en los correos electrónicos de Shopify Messaging y la multimedia en Contenido > Archivos. No puedes usar el editor de multimedia para editar imágenes en el editor de texto enriquecido.

Antes de editar el contenido multimedia, conviene comprender cómo la relación de aspecto de las imágenes afecta su visualización en los sitios web.

Relación de aspecto de las imágenes

La relación de aspecto de una imagen es la proporción entre su ancho y su alto. Por ejemplo, una imagen de 200 px por 400 px tiene una relación de aspecto de 1:2. Una imagen de 150 px por 450 px tiene una relación de aspecto de 1:3.

Las imágenes pueden tener tamaños distintos y aun así tener la misma relación de aspecto. Para verificar si las imágenes tienen la misma relación de aspecto, divide el ancho entre el alto de cada imagen y luego compara los resultados.

Usar la misma relación de aspecto para todas las imágenes de un mismo tipo hace que se vean mejor una al lado de la otra, porque todas se muestran con el mismo tamaño. Por ejemplo, si quieres que las imágenes de producto se vean del mismo tamaño dentro de una colección, deben tener la misma relación de aspecto.

Con el editor de multimedia puedes crop your images para que tengan la misma relación de aspecto.

Agregar o editar texto alternativo

El texto alternativo describe una imagen y es importante para la accesibilidad y el SEO. Puedes agregarlo o editarlo en el editor de multimedia.

El editor de multimedia podría sugerir texto alternativo para imágenes que aún no lo tienen. Estas sugerencias se generan con IA para ayudar a describir el contenido de la imagen. Puedes aceptar, editar o reemplazar el texto alternativo sugerido. Mantén el texto alternativo breve y descriptivo. Se recomienda alrededor de 125 caracteres o menos. Más información sobre adding alt text to media.

Pasos:

  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. En la sección Editar información, haz clic en el campo Texto alternativo.

  4. Realiza una de las siguientes acciones:

    • Si hay un texto alternativo sugerido, revísalo y haz clic en Aceptar para usarlo o edítalo según sea necesario.
    • Si no hay texto alternativo sugerido o si quieres escribir el tuyo, ingresa una breve descripción de la imagen.
  5. Cuando termines de editar en el editor de multimedia, haz clic en Guardar.

Recortar una imagen

Puedes recortar una imagen para quitar una parte. Es útil cuando quieres mostrar solo una parte de la imagen o cuando necesitas cambiar su relación de aspecto.

Puedes recortar una imagen tanto en escritorio como en dispositivos móviles. Cuando guardas una imagen recortada en un dispositivo móvil, se crea una copia nueva de la imagen.

Pasos:

Escritorio
  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. En el editor de multimedia, haz clic en Recortar y transformar.

  4. Enmarca el área de la imagen que quieres conservar:

    • Para recortar la imagen con una relación de aspecto personalizada, haz clic en Libre. Puedes hacer clic y arrastrar las esquinas o los bordes del área resaltada, o hacer clic dentro del área y arrastrarla a otra posición.
    • Para recortar la imagen manteniendo la misma relación de aspecto, haz clic en Original. Puedes hacer clic y arrastrar las esquinas del área resaltada para cambiar su tamaño, o hacer clic dentro del área y arrastrarla a otra posición. La relación de aspecto se mantiene igual a la de la imagen original cuando cambias el tamaño.
    • Para recortar la imagen en un cuadrado, haz clic en Cuadrado. Puedes hacer clic y arrastrar las esquinas del cuadrado para cambiar su tamaño, o hacer clic dentro del cuadrado y arrastrarlo a otra posición. La relación de aspecto del cuadrado se mantiene cuando cambias el tamaño.
  5. Haz clic en Aplicar para recortar la imagen.

  6. Cuando termines de editar en el editor de multimedia, haz clic en Guardar.

Móvil
  1. Desde la Shopify app, ve al archivo multimedia que quieres editar.

  2. Toca la imagen que quieres editar.

  3. En el editor de multimedia, toca Recortar.

  4. Para recortar la imagen con un tamaño personalizado, toca y arrastra las esquinas del área resaltada o toca dentro del área y arrástrala a otra posición.

  5. Opcional: para restablecer la imagen o deshacer un cambio, usa el

    Ícono de deshacer
    o
    Ícono de rehacer
    en la parte superior del editor.

  6. Cuando termines de editar en el editor de multimedia, toca Guardar para guardar una copia nueva de la imagen.

Dibujar sobre una imagen

Puedes dibujar sobre una imagen para agregar una línea, resaltar una parte de la imagen o agregar un diseño.

Pasos:

  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. Haz clic en Dibujar.

  4. Selecciona un color y el tamaño del pincel.

  5. Haz clic y arrastra sobre la imagen para dibujar.

  6. Haz clic en Aplicar para agregar el dibujo.

  7. Cuando termines de editar en el editor de multimedia, haz clic en Guardar.

Puedes usar el borrador para eliminar todo o parte de un dibujo. El borrador no elimina nada de la imagen original.

Cambiar el tamaño de una imagen

Puedes cambiar el tamaño de una imagen para modificar sus dimensiones reales. Si intentas ajustar la relación de aspecto cambiando el tamaño de la imagen, esta podría distorsionarse. En su lugar, crop the image a la relación de aspecto que quieras usar.

Pasos:

  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. Haz clic en Cambiar tamaño.

  4. Ingresa el nuevo ancho de la imagen. De forma predeterminada, Bloquear relación de aspecto está seleccionado, lo que actualiza automáticamente el alto de la imagen para mantener su relación de aspecto. Si quieres ajustar solo el alto o el ancho de una imagen, haz clic en Bloquear relación de aspecto para desactivar la opción. Cambiar el tamaño con Bloquear relación de aspecto desactivado puede distorsionar la imagen.

  5. Haz clic en Listo para cambiar el tamaño de la imagen.

  6. Cuando termines de editar en el editor de multimedia, haz clic en Guardar.

Cambiar la orientación de una imagen

Puedes voltear o rotar una imagen para cambiar su orientación en pantalla. También puedes inclinarla dentro de su marco.

Pasos:

  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. Haz clic en Rotar.

  4. Para cambiar la orientación de la imagen:

    • Haz clic en Rotar en el sentido de las agujas del reloj para girar la imagen.
    • Haz clic en los botones Voltear verticalmente o Voltear horizontalmente para voltear la imagen.
  5. Haz clic en Aplicar para cambiar la orientación de la imagen.

  6. Cuando termines de editar en el editor de multimedia, haz clic en Guardar.

Eliminar o reemplazar el fondo de una imagen

Puedes usar Shopify Magic para eliminar o reemplazar el fondo de una imagen en el editor de multimedia. Puedes eliminar o reemplazar el fondo de una imagen en el editor de multimedia tanto en escritorio como en dispositivos móviles.

Más información sobre la generación de multimedia de Shopify Magic.

Revertir los cambios de una imagen

Si modificaste una imagen con el editor de multimedia de Shopify, puedes revertir todos los cambios y volver a la imagen original, incluso después de guardar. No se puede deshacer una reversión a una imagen modificada; si quieres volver a aplicar o conservar modificaciones, tendrás que rehacerlas manualmente.

Pasos:

  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. Modifica la imagen.

  4. Haz clic en Revertir al original.

  5. En el cuadro de diálogo ¿Revertir la imagen al original?, haz clic en Revertir.

Aparece un mensaje Revertida al original que indica que el cambio se completó.

Ajustar un modelo 3D

Puedes ajustar lo siguiente en los modelos 3D:

  • entorno
  • fondo
  • posición inicial de la cámara

No puedes ajustar un modelo 3D en dispositivos móviles.

Pasos:

  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. En la sección Entorno, haz clic en el entorno que quieras aplicar al modelo 3D y usa el control deslizante para ajustar la exposición del modelo.

  4. En la sección Fondo, usa el selector de color para elegir el color de fondo o ingresar un código hexadecimal.

  5. Haz clic en el ícono de la cámara para ajustar la Posición inicial de la cámara. Puedes ajustar la rotación en X y en Y ingresando los grados de rotación en el campo Rotación en X o en el campo Rotación en Y; también puedes acercar el modelo 3D moviendo el control deslizante a un porcentaje mayor.

  6. Haz clic en Listo.

Si ajustas la rotación de la cámara en X o en Y en un modelo 3D y los cambios se revierten al guardar, ajusta primero el zoom de la cámara antes de establecer la rotación preferida.

Reemplazar la miniatura de un video

Cuando subes un video, la miniatura predeterminada es el primer fotograma del video, pero puedes subir tu propia miniatura para reemplazarla.

No puedes reemplazar la miniatura de un video en dispositivos móviles.

Pasos:

  1. En el panel de control de Shopify, ve al archivo multimedia que quieres editar.

  2. Haz clic en la miniatura para abrir el editor del archivo.

  3. Haz clic en > Reemplazar miniatura.

  4. Selecciona el archivo desde la computadora.