> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Añade y personaliza imágenes

> Añade y personaliza imágenes para mejorar tus landing pages, controlar el diseño y crear páginas visualmente atractivas.

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:<br />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