✋ Objetivo do artigo
Neste artigo, vai aprender a gerir as imagens no Builder da Weasy, incluindo como substituí-las, ajustar proporções, aplicar transformações e utilizar a função Regenerar Imagem para gerar novos visuais com o apoio da IA.
Passe o cursor sobre o módulo de imagem.
Serão exibidos dois botões:
Editar → abre as opções de edição da imagem.
Regenerar → permite gerar uma nova imagem com IA.
Clique em Editar para abrir o painel lateral.
No painel, pode:
Carregar uma imagem nova a partir do seu computador.
Selecionar da Biblioteca de Ficheiros (se já tiver imagens guardadas).
Inserir um URL externo.
Ao clicar em Editar, é aberta a janela “Editar Imagem”, onde pode:
Rodar, inverter ou reverter a imagem;
Escolher a proporção — Original, 1:1 (quadrado), 2:3 (retrato), 3:2 (paisagem) ou 16:9 (widescreen);
Visualizar as alterações em tempo real;
Clicar em Aplicar para guardar as modificações.
☞ Dica: use proporções consistentes entre as páginas (por exemplo, todas as imagens de produtos em 1:1) para manter harmonia visual.
Clique em Regenerar.
Na janela “Regenerar Imagem”, escreva o que procura — por exemplo,
“Café servido numa mesa de madeira”
“Escritório moderno com equipa a trabalhar”
Clique em Gerar.
A Weasy criará automaticamente uma nova imagem com base na descrição fornecida.
⚠️ Nota: as imagens geradas por IA podem demorar alguns segundos e variam conforme o pedido. Pode sempre substituir por outra mais tarde.
No painel lateral do módulo Imagem, encontrará configurações adicionais:
Título (Alt Text): texto alternativo para acessibilidade e SEO.
Cantos: escolha entre retos ou arredondados.
Formato: selecione a proporção visual predefinida (por ex. Portrait 2×4).
Dimensões: defina largura e altura manuais, ou ative Ajustar a 100% para preencher a área disponível.
Link: torne a imagem clicável (ligação interna ou externa).
Alinhamento: controle a posição dentro da coluna.
Margens, Animação e Visibilidade: personalize o comportamento visual e responsivo.
Use sempre imagens otimizadas (menos de 1 MB) para garantir carregamento rápido.
Inclua texto alternativo (Alt Text) para melhorar o SEO.
Teste a imagem em dispositivos móveis para verificar o enquadramento.
Mantenha proporções consistentes entre páginas e secções.
Experimente a função Regenerar para criar imagens únicas em segundos.
O editor de imagens da Weasy oferece controlo total sobre o aspeto visual das páginas.
Entre ajustes manuais e geração por IA, o utilizador pode criar e adaptar imagens de forma rápida, intuitiva e profissional — tudo sem sair do Builder.
Sim. Ao substituir a imagem no módulo, as restantes configurações — como margens, alinhamento, animações ou links — mantêm-se aplicadas.
Não imediatamente. A imagem gerada aparece como nova opção e pode decidir se a utiliza ou se mantém a imagem anterior.
O Alt Text descreve a imagem para motores de pesquisa e leitores de acessibilidade. Ajuda a melhorar o SEO e torna o site mais acessível.
Imagens demasiado pesadas podem tornar o site mais lento.
Sempre que possível, utilize imagens com tamanho reduzido (idealmente menos de 1 MB) para garantir um carregamento mais rápido das páginas.
O texto alternativo deve descrever de forma clara o que aparece na imagem.
Boas práticas:
Descreva o conteúdo da imagem de forma simples e objetiva.
Inclua palavras relevantes para o contexto da página.
Evite textos demasiado longos.
Exemplo:
❌ imagem1.jpg
✔️ “Equipa de marketing digital a trabalhar num escritório moderno”
Um bom Alt Text melhora a acessibilidade do site e ajuda os motores de pesquisa a compreender melhor o conteúdo da página.