Cómo utilizar un elemento de imagen

Añadir una imagen a un lienzo en la Herramienta Constructor

Escrito por Ed Kinne

Última actualización Hace alrededor de 23 horas

El elemento «Imagen» te permite añadir un archivo de imagen a tu lienzo.

Añadir un elemento de imagen

Al añadir un elemento de imagen, se abrirá una ventana que te permitirá seleccionar un elemento de tu biblioteca de imágenes (Media Manager), Pixabay, Unsplash o Pexels. También puedes subir una nueva imagen arrastrando el archivo de tu ordenador al cuadro de diálogo. También puedes hacer clic en «Cancelar» para quedarte con un elemento de imagen vacío.

Después de seleccionar una imagen, esta ocupará todo el espacio; ahora puedes moverla y cambiar su tamaño, o utilizar el icono de engranaje para abrir las herramientas de edición del elemento.

El comportamiento predeterminado del tamaño de un elemento de imagen es «cubrir» el espacio, lo que significa que la imagen se recortará para ajustarse a la forma del elemento (contorno rojo). Esto se puede cambiar en las opciones de edición de tamaño.

Edición de un elemento de imagen

Icono

Configuración Descripción

«Imagen» te permite cambiar la imagen seleccionando otra diferente de la biblioteca de imágenes de Media Manager.

Medios de archivo te permite seleccionar una imagen de archivo.

Marco te permite añadir un marco estilizado alrededor de la imagen.

Preajuste te permite añadir un filtro de color preajustado.

Formas permite recortar la imagen con una forma diferente a la cuadrada estándar.

Animación te permite añadir una animación a la imagen

Repetir muestra la imagen en una cuadrícula repetitiva que llena el área del elemento de imagen.

Desplazamiento te permite desplazar la imagen hacia la derecha o hacia abajo desde la esquina superior izquierda del elemento. El desplazamiento se configura en porcentaje.
Un desplazamiento del 50 % - 50 % es la forma de centrar una imagen en un contenedor

Tamaño cambia el comportamiento de redimensionamiento de la imagen en el espacio.

  • Cubrir – (Comportamiento inicial predeterminado) Rellena el elemento con la imagen y se ajusta al cambiar el tamaño del elemento. Esto provocará el recorte de la imagen si el contenedor y la imagen tienen proporciones diferentes

  • Contener: la imagen se escala para mantener la relación de aspecto mientras se muestra la imagen completa dentro del elemento. Esto dejará áreas en blanco en el contenedor.

  • Auto: la imagen se mostrará a tamaño completo, y al ajustar el tamaño del elemento a su alrededor se recortará la imagen desde la esquina superior izquierda.

  • Manual: te permite ajustar el tamaño de la imagen tú mismo utilizando porcentajes.

Los filtros te permiten ajustar la imagen con diferentes efectos. Sepia, Desenfoque, Brillo, Contraste, Escala de grises, Invertir, Saturar, Rotación de tono

Sombra: te permite añadir una sombra alrededor de la imagen

Borrar imagen elimina la imagen del espacio