Skip to main content
El elemento Image te permite añadir recursos visuales a tu página, como imágenes de producto, ilustraciones o fondos. Puedes arrastrarlo desde la barra lateral izquierda y controlar por completo cómo se ve y se comporta la imagen.

Añadir y cambiar imágenes

  • Haz clic en Change Image en el panel derecho
  • Se abrirá la ventana de la galería de imágenes
Dentro de la galería puedes:
  • Elegir entre las imágenes que ya has subido
  • Subir imágenes nuevas
  • Buscar imágenes en Unsplash

Opciones de tamaño de la imagen

Puedes controlar cómo encaja la imagen dentro de su contenedor:
  • Fill: rellena toda el área (puede recortar partes)
  • Fit: muestra la imagen completa sin recortarla
  • Stretch: la estira para ajustarse al tamaño del contenedor
  • Original: mantiene el tamaño original de la imagen

Ajustar la posición de la imagen

Con la imagen seleccionada, puedes cambiar cómo se muestra dentro de su contenedor.
  • Usa el control de posición (círculo central) para desplazar el área visible
  • Ejemplo:
    si tu imagen queda recortada, puedes mover el foco hacia arriba para que se vea una cara en lugar del fondo

Dimensiones de la imagen

  • Controla el ancho y el alto manualmente
  • Usa % o px según tu diseño

Gestionar tus imágenes

Puedes gestionar toda tu biblioteca de imágenes desde la galería:
  • Acceder a todas las imágenes subidas
  • Organizar y reutilizar recursos
  • Subir archivos nuevos cuando quieras

Recortar imágenes

Dentro de la galería puedes recortar las imágenes antes de usarlas:
  • Selecciona una imagen
  • Abre la herramienta de recorte
  • Elige una proporción (1:1, 16:9, etc.)
  • Aplica el recorte

Buenas prácticas

  • Usa imágenes optimizadas para que la página cargue más rápido
  • Mantén tamaños de imagen coherentes entre secciones
  • Usa Fit o Fill según lo que necesite tu diseño