Cómo usar el editor de imágenes
Puedes usar el editor para modificar las imágenes y cambiar su tamaño en tu panel de control de Shopify. El editor de imágenes está disponible tanto en dispositivos de escritorio como en dispositivos móviles, pero algunas funciones de edición de imágenes solo están disponibles en la versión de escritorio. Actualmente, en la versión móvil del editor de imágenes solo puedes recortar una imagen y eliminar o reemplazar su fondo.
Puedes usar el editor de imágenes para modificar los elementos multimedia del producto. No puedes usar el editor de imágenes para modificar imágenes en el editor de texto enriquecido.
Antes de editar las imágenes, debes entender cómo afecta su relación de aspecto a la forma en que se muestran en los sitios web.
En esta página
Entender la proporción de aspecto de la imagen
La proporción de aspecto de una imagen es la proporción entre su ancho y su altura. Por ejemplo, una imagen de 200 px por 400 px, tiene una proporción de aspecto de 1:2. Una imagen de 150 px por 450 px tiene una proporción de aspecto de 1:3.
Las imágenes pueden ser de diferentes tamaños y aun así tener la misma proporción de aspecto. Para calcular si las imágenes tienen la misma proporción de aspecto, divide el ancho de cada imagen por su altura y luego compara los resultados.
Usar una relación de aspecto consistente para todas las imágenes de un tipo en particular hace que se vean mejor una al lado de la otra, porque todas se mostrarán con el mismo tamaño. Por ejemplo, si deseas que las imágenes de tus productos se muestren con el mismo tamaño dentro de una colección, estas deben tener la misma relación de aspecto.
Puedes usar el editor de imágenes para recortar tus imágenes para que tengan la misma proporción de aspecto.
Recorta una imagen
Puedes recortar una imagen para eliminar parte de la imagen. Esto es útil cuando deseas mostrar solo una parte de la imagen o cuando necesitas cambiar la proporción de aspecto de la imagen.
Puedes recortar una imagen tanto en dispositivos de escritorio como en dispositivos móviles. Al guardar una imagen recortada en un dispositivo móvil, se crea una nueva copia de la imagen.
Pasos:
Desde tu panel de control de Shopify, ve a Productos.
Haz clic en un producto cuya imagen desees modificar.
En la sección Multimedia, haz clic en Editar la imagen que deseas modificar. Esa acción abrirá el editor de imágenes.
En el editor de imágenes, haz clic en Recortar.
-
Encuadra el área de la imagen que deseas conservar:
- Para recortar la imagen a un tamaño personalizado, haz clic en Forma libre. Puedes hacer clic en las esquinas del área resaltada y arrastrarlas, o bien hacer clic dentro del área resaltada y arrastrarla a una posición diferente.
- Para recortar la imagen con la relación de aspecto original, haz clic en Original. Puedes hacer clic en las esquinas del área resaltada y arrastrarlas para cambiar su tamaño, o bien hacer clic dentro del área resaltada y arrastrarla hasta una posición diferente. La relación de aspecto quedará igual que la de la imagen original cuando cambies su tamaño.
- Haz clic en Cuadrado para recortar la imagen en ese formato. Puedes hacer clic en las esquinas del cuadrado y arrastrarlas para cambiar su tamaño, o bien hacer clic dentro del cuadrado y arrastrarlo hasta una posición diferente. La relación de aspecto del cuadrado permanecerá igual cuando se cambie su tamaño.
Haz clic en Aplicar para recortar la imagen.
Cuando hayas terminado de editar en el editor de imágenes, haz clic en Guardar.
- En la aplicación móvil de Shopify, toca el ícono de etiqueta Productos y luego Todos los productos.
- Toca el producto cuya imagen desees modificar.
En la sección Multimedia, toca la imagen que desees modificar para abrir el editor de imágenes.
En el editor de imágenes, toca Recortar imagen.
Para recortar la imagen a un tamaño personalizado, toca y arrastra las esquinas del área resaltada o toca dentro del área resaltada y arrástrala a una posición diferente.
Opcional: Para restablecer la configuración original de la imagen, toca Restablecer.
Cuando termines de aplicar modificaciones en el editor de imágenes, toca Guardar para conservar una nueva copia de la imagen.
Dibuja en una imagen
Quizás desees dibujar en una imagen para agregar una línea, resaltar una parte de la imagen o agregar un diseño.
Pasos:
Desde tu panel de control de Shopify, ve a Productos.
Haz clic en un producto cuya imagen desees modificar.
En la sección Multimedia, haz clic en Editar la imagen que deseas modificar. Esa acción abrirá el editor de imágenes.
Haz clic en Dibujar.
Selecciona un color y un tamaño de pincel.
Haz clic y arrastra sobre la imagen para dibujar.
Haz clic en Apply (Aplicar) para agregar el dibujo.
Cuando hayas terminado de editar en el editor de imágenes, haz clic en Guardar.
Puedes usar el borrador para eliminar todo el dibujo o solo una parte. El borrador no elimina nada de la imagen original.
Cambia el tamaño de una imagen
Puedes cambiar el tamaño de una imagen para modificar su tamaño real. Si intentas cambiar el tamaño de la imagen para ajustar su relación de aspecto, es posible que la imagen se distorsione. En vez de hacer eso, recorta la imagen conforme a la relación de aspecto que desees usar.
Pasos:
Desde tu panel de control de Shopify, ve a Productos.
Haz clic en un producto cuya imagen desees modificar.
En la sección Multimedia, haz clic en Editar la imagen que deseas modificar. Esa acción abrirá el editor de imágenes.
Haz clic en Cambiar tamaño.
Introduce el nuevo ancho de la imagen. De forma predeterminada, la opción Bloquear relación de aspecto está seleccionada, de modo que la altura de la imagen se actualiza automáticamente para conservar la relación de aspecto. Si solo deseas ajustar la altura o el ancho de una imagen, haz clic en Bloquear relación de aspecto para deseleccionar esta opción. Es posible que la imagen se distorsione si se cambia su tamaño con la opción Bloquear relación de aspecto desactivada.
Haz clic en Listo para cambiar el tamaño de la imagen.
Cuando hayas terminado de editar en el editor de imágenes, haz clic en Guardar.
Cambia la orientación de una imagen
Puedes voltear o rotar una imagen para cambiar su orientación de visualización. También puedes inclinar la imagen dentro de su marco.
Pasos:
Desde tu panel de control de Shopify, ve a Productos.
Haz clic en un producto cuya imagen desees modificar.
En la sección Multimedia, haz clic en Editar la imagen que deseas modificar. Esa acción abrirá el editor de imágenes.
Haz clic en Rotar.
-
Para cambiar la orientación de la imagen, haz lo siguiente:
- Haz clic en Girar hacia la derecha para girar la imagen.
- Haz clic en los botones Girar verticalmente o Girar horizontalmente para voltear la imagen.
Haz clic en Apply (Aplicar) para cambiar la orientación de la imagen.
Cuando hayas terminado de editar en el editor de imágenes, 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 imágenes. La opción de eliminar o reemplazar el fondo de una imagen en el editor está disponible tanto en dispositivos de escritorio como en dispositivos móviles.
Obtén más información sobre la generación de elementos multimedia con Shopify Magic.
Revertir los cambios realizados en una imagen
Si modificaste una imagen usando el editor de imágenes de Shopify, puedes revertir todos los cambios y recuperar la imagen original, incluso después de que se hayan guardado dichos cambios. La reversión de los cambios realizados en una imagen no se puede deshacer, de modo que, si deseas volver a aplicar o mantener cualquier modificación de la imagen, deberás volver a hacerla manualmente.
Pasos:
Desde tu panel de control de Shopify, ve a Productos.
Haz clic en un producto cuya imagen desees modificar.
En la sección Multimedia, haz clic en Editar la imagen que deseas modificar. Esa acción abrirá el editor de imágenes.
Modifica la imagen.
Haz clic en Revertir al original.
En el cuadro de diálogo ¿Revertir imagen al original?, haz clic en Revertir.
Se mostrará el mensaje Revertida al original para indicar que se completó el cambio.