Editor de Imagens

O editor de imagens integrado à plataforma coloca todo o poder de edição nas suas mãos, direto onde você já trabalha. Ajuste, corrija e personalize imagens sem abrir ferramentas externas, sem perder tempo e sem sair do fluxo.

Onde está disponível?

O editor está disponível em todo campo da plataforma onde é possível inserir uma imagem. Sempre que você visualizar a opção de upload ou edição de imagem, o editor estará acessível a partir dali.

Alguns exemplos de onde ele aparece:

• Ofertas — imagens de ofertas e banners
• Templates — imagens de templates
• Logomarcas — upload e personalização de logos
• Ficha de Segmento — imagens dos veículos

Essa lista cresce conforme novas telas recebem suporte a imagem — a regra é simples: se o campo aceita imagem, o editor está lá.

Como acessar

Exemplo: Editando uma Logomarca

⚠️ Atenção: Se a logomarca já estiver carregada, é necessário copiar e colar a imagem para ativá-la no editor. Caso o upload ainda não tenha sido feito, realize-o — a opção de edição aparecerá automaticamente.

Após carregar a imagem, clique em Editar Imagem:

Visão Geral do Editor

O editor é dividido em seções de ferramentas na barra lateral. Cada seção agrupa funcionalidades relacionadas para facilitar o uso.

Seção: Arquivo

Ferramentas para gerenciar o conteúdo do canvas.

Ícone	Ação	Descrição
	Novo	Limpa tudo e começa do zero. Use quando quiser criar uma nova composição sem aproveitar nada da imagem atual.
	Abrir	O canvas assume o tamanho da imagem carregada, que passa a preencher toda a área. Ideal para substituir completamente a imagem de fundo.
	Importar	Adiciona a imagem como uma nova camada, sem alterar as existentes. Perfeito para sobrepor logotipos ou elementos extras.
	Desfazer	Desfaz a última ação realizada no editor. Pode ser usado várias vezes em sequência.
	Refazer	Refaz uma ação que foi desfeita.

💡 Dica: Use Importar (não Abrir) quando quiser adicionar um logo sobre uma imagem já existente — assim você mantém o fundo original e insere o elemento como uma nova camada.

Seção: Seleção

Ícone	Ação	Descrição
	Mover / Editar Camadas	Seleciona e reposiciona camadas individualmente no canvas. É a ferramenta padrão de seleção.
	Selecionar Área	Seleciona uma região retangular sobre todas as camadas visíveis.
	Agrupar Camadas	Une as camadas selecionadas em um único grupo, facilitando a movimentação e edição conjunta.
	Desagrupar Camadas	Separa um grupo, devolvendo cada item como uma camada independente.

💡 Dica: Agrupe camadas quando precisar mover ou redimensionar vários elementos juntos — isso mantém o alinhamento entre eles e evita retrabalho.

Seção: Inserir

Insere um novo retângulo na imagem, criando uma nova camada. Útil para adicionar um bloco de cor como fundo ou como destaque atrás de um texto.

💡 Dica: Após inserir o retângulo, vá à Seção Camadas e arraste-o para baixo na pilha para usá-lo como fundo da composição.

Seção: Canvas

💡 Dica: Use Remover após editar um logo com fundo transparente para eliminar margens em branco desnecessárias — isso garante um alinhamento mais preciso ao posicionar o logo na tela da oferta.

Seção: Zoom

Ajuste o nível de visualização do canvas sem alterar a imagem em si. Você pode:

• Clicar em Ajustar á tela para encaixar toda a imagem na tela
• Mover manualmente a porcentagem de zoom desejada

💡 Dica: Para trabalhar em detalhes finos — como ajuste de bordas ou remoção de fundo — aumente o zoom para 150% ou mais para ter maior precisão.

Seção: Camadas

Gerencie a ordem e o comportamento das camadas da sua composição. Use os campos numéricos para reposicionar e redimensionar cada camada com precisão.

Ícones da Seção Camadas

Ícone	Ação	Descrição
	Reordenar Camadas	Arraste para cima ou para baixo na lista para alterar a ordem de sobreposição das camadas.
	Aparar Pixels Transparentes	Remove bordas transparentes da camada selecionada, ajustando seus limites ao conteúdo visível.
	Desagrupar (SVG / Grupo)	Separa os elementos de um arquivo SVG ou grupo em camadas individuais para edição independente.
	Alterar Cor	Modifica a cor da camada selecionada. Funciona principalmente em formas e SVGs.
	Remover Fundo	Remove automaticamente o fundo da imagem na camada selecionada, deixando o conteúdo principal com transparência.
	Excluir Camada	Remove permanentemente a camada selecionada da composição. Esta ação não pode ser desfeita após salvar.

Exemplo: Reordenando Camadas

Neste exemplo, um retângulo foi adicionado e precisa ser colocado atrás da imagem principal. Basta arrastar a camada do retângulo para baixo na lista:

Resultado:

💡 Dica: A função Remover Fundo é especialmente útil para logos — ela elimina o fundo branco automaticamente, deixando apenas o ícone ou texto com transparência. Combine com Aparar Pixels Transparentes para um resultado ainda mais limpo.

Seção: Alinhamento

Alinhe as camadas selecionadas em relação ao canvas ou a outros elementos da composição.

Ícone	Ação	Descrição
	Alinhar à Esquerda	Move a camada para a borda esquerda do canvas.
	Centralizar Horizontalmente	Centraliza a camada no eixo horizontal do canvas.
	Alinhar à Direita	Move a camada para a borda direita do canvas.
	Alinhar ao Topo	Move a camada para a borda superior do canvas.
	Centralizar Verticalmente	Centraliza a camada no eixo vertical do canvas.
	Alinhar à Base	Move a camada para a borda inferior do canvas.

💡 Dica: Para centralizar um elemento perfeitamente no canvas, selecione a camada e use Centralizar Horizontalmente + Centralizar Verticalmente em sequência.

Seção: Exportar

Após finalizar as edições, use a seção Exportar para salvar a imagem final. As opções de exportação permitem escolher o formato e a qualidade da imagem gerada.

💡 Dica: Prefira exportar em PNG quando a imagem tiver transparência (logos, ícones). Use JPG para fotos e imagens de fundo onde o tamanho de arquivo é prioritário.

Fluxo de Trabalho Recomendado

1. Acesse a tela de Ofertas, Templates ou Logomarcas
2. Faça o upload da imagem (se ainda não estiver carregada)
3. Clique em Editar Imagem
4. Use Importar para adicionar logos ou elementos extras como novas camadas
5. Gerencie as camadas para ajustar sobreposições e ordem
6. Use as ferramentas de alinhamento para posicionar com precisão
7. Exporte a imagem no formato adequado

Perguntas Frequentes

A opção “Editar Imagem” não aparece. O que fazer?
Verifique se o upload da imagem foi concluído. O botão aparece apenas após a imagem estar carregada. Se ela já estiver carregada, tente copiar e colar a imagem no campo — isso ativa o editor.

Posso desfazer várias ações seguidas?
Sim. Use o botão Desfazer repetidamente para retornar várias etapas. O histórico é mantido durante a sessão de edição ativa.

Qual a diferença entre “Abrir” e “Importar”?
Abrir substitui completamente o canvas pela nova imagem. Importar adiciona a imagem como uma nova camada sobre o conteúdo já existente — o original é preservado.

A função “Remover Fundo” funciona em qualquer imagem?
Funciona melhor em imagens com fundo sólido e bem definido (branco, por exemplo). Em fundos complexos ou com gradientes, o resultado pode exigir ajustes manuais com a ferramenta de seleção.

💬 Dúvidas ou dificuldades? Entre em contato com o suporte Movisis através da nossa central de atendimento:
suporte.movisis.com.br