Skip to main content
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:
    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