> ## 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.

# Adicione e personalize imagens

> Adicione e personalize imagens para enriquecer suas landing pages, controlar o layout e criar designs visualmente atraentes que melhoram a experiência do usuário.

O elemento Image permite adicionar recursos visuais à sua página, como imagens de produtos, ilustrações ou fundos.

Você pode arrastá-lo da barra lateral esquerda e controlar totalmente a aparência e o comportamento da imagem.

***

## Adicionando e trocando imagens

* Clique em **Change Image** no painel da direita
* Isso abre a galeria de imagens

Na galeria, você pode:

* Selecionar entre as imagens que você já enviou
* Enviar novas imagens
* Navegar por imagens do Unsplash

***

## Opções de tamanho da imagem

Você pode controlar como a imagem se encaixa no contêiner:

* **Fill** → preenche toda a área (pode cortar partes da imagem)
* **Fit** → mostra a imagem inteira, sem cortes
* **Stretch** → estica a imagem para ocupar o tamanho do contêiner
* **Original** → mantém o tamanho original da imagem

***

## Ajustando a posição da imagem

Com a imagem selecionada, você pode reposicionar como ela aparece dentro do contêiner.

* Use o **controle de posição (círculo central)** para mudar a área visível
* Exemplo:<br />se a imagem estiver cortada, você pode mover o foco para cima para mostrar um rosto em vez do fundo

***

## Dimensões da imagem

* Controle a largura e a altura manualmente
* Use % ou px, de acordo com o seu layout

***

## Gerenciando suas imagens

Você pode gerenciar toda a sua biblioteca de imagens pela galeria:

* Acesse todas as imagens enviadas
* Organize e reutilize os arquivos
* Envie novos arquivos quando quiser

***

## Cortando imagens

Na galeria, você pode cortar as imagens antes de usá-las:

* Selecione uma imagem
* Abra a ferramenta de corte
* Escolha a proporção (1:1, 16:9 etc.)
* Aplique o corte

***

## Boas práticas

* Use imagens otimizadas para um carregamento mais rápido
* Mantenha tamanhos de imagem consistentes entre as seções
* Use Fit ou Fill conforme a necessidade do seu layout