Skip to Main
Logo

Como editar e regenerar imagens

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

 

 

1️⃣  Adicionar ou substituir uma imagem

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

 

 

2️⃣  Editar imagem

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.

 

 

3️⃣  Regenerar imagem com IA

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

 

4️⃣  Opções no painel lateral

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.

 

 

⚡ Boas práticas

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

 

 

✅ Conclusão

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.

Perguntas Frequentes

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.