Sobrepor imagens — Editor de Camadas

Combine múltiplas imagens e textos diretamente no navegador

Solte imagens aqui ✨
Tudo roda localmente no seu navegador. Arraste e solte imagens na área quadriculada. Exporte como PNG (transparente) ou JPEG (com fundo).

Benefícios do UtiliApp

  • ✓100% grátis
  • ✓Funciona no navegador
  • ✓Sem cadastro
  • ✓Arquivos apagados

Como usar

  1. 1.

    Enviar arquivos

    Clique em “Adicionar imagem” ou arraste e solte múltiplas imagens na área quadriculada.

  2. 2.

    Organizar camadas

    Mova, redimensione e gire. Use Frente/Trás/Topo/Fundo para ordenar e o painel lateral para renomear, ocultar ou bloquear.

  3. 3.

    Adicionar textos

    Use o botão Texto para inserir uma camada de texto. Ajuste opacidade e ângulo nas propriedades.

  4. 4.

    Ajustar quadro

    Defina Largura × Altura do quadro (tamanho final). Marque Proporção para manter a relação e escolha Fundo ou Transparente.

  5. 5.

    Definir escala de saída

    A Escala multiplica o tamanho do quadro no arquivo exportado (ex.: 2 = 200%).

  6. 6.

    Exportar ou salvar

    Exporte em PNG (suporta transparência) ou JPEG (usa a cor de fundo). Salve/Carregue o projeto em .json para continuar depois.

Perguntas frequentes

A primeira imagem define o tamanho?

Sim. Ao adicionar a primeira imagem, o quadro assume o tamanho dela. Você pode alterar depois em Tamanho (L×A).

PNG mantém transparência?

Sim. Para PNG, você pode deixar Transparente ligado. Para JPEG, transparência não é suportada — será usada a cor de Fundo.

Como salvo meu projeto?

Use Salvar projeto para baixar um .json com as camadas. Depois carregue-o em Carregar para continuar editando.

Há limite de tamanho?

Para desempenho, o quadro aceita entre 64 e 8000 px por dimensão. Tamanhos e muitas camadas exigem mais memória do navegador.

Posso desfazer/refazer?

Sim. Use os botões Desfazer/Refazer ou os atalhos Ctrl+Z / Ctrl+Y (Shift+Ctrl+Z).

O processamento envia arquivos para o servidor?

Não. Tudo é processado localmente no seu navegador.

Seus arquivos são processados localmente e apagados.

Dicas de edição

  • Use “Travar proporção” nos objetos ao redimensionar para evitar distorções.
  • Bloqueie camadas prontas para não mover sem querer (opção “Bloquear” no painel).
  • Dê nomes às camadas para encontrá-las facilmente na lista.

Camadas e histórico

O histórico registra adições, alterações e remoções. Se algo sair do lugar, use Desfazer para voltar a um estado anterior.

Exportação

  • PNG é ideal para logos e elementos com transparência.
  • JPEG gera arquivos menores para fotos; escolha uma cor de Fundo.
  • A “Escala” multiplica o tamanho do quadro apenas na exportação, útil para gerar imagens em alta resolução.

Atalhos úteis

Ctrl+Z Desfazer • Ctrl+Y Refazer • Del Excluir • Shift para mover 10px com setas

Veja também