Sobrepor imagens significa colocar uma foto sobre outra no mesmo canvas. A imagem de cima pode ser um logotipo transparente, uma marca-d’água, uma textura, um adesivo, uma pessoa recortada ou até uma segunda fotografia inteira. Diferentemente de uma montagem lado a lado, a sobreposição faz as duas imagens ocuparem a mesma área. Você decide qual camada fica na frente, onde ela aparece, qual será seu tamanho e como seus pixels interagem com a imagem de baixo.
Não é preciso instalar um pacote completo de design para fazer isso. No OverlayImage.app, todo o processo acontece no navegador: escolha a imagem principal, adicione uma ou mais camadas, posicione cada uma diretamente no canvas e baixe o resultado. Não há cadastro, e a imagem exportada não recebe marca-d’água da plataforma.
Este guia explica o processo com calma e também mostra como usar opacidade, modos de mesclagem e formatos de arquivo, além de evitar os erros que costumam deixar uma sobreposição com aparência improvisada.
O que você precisa antes de sobrepor imagens
Separe pelo menos dois arquivos de imagem:
- A imagem principal define as dimensões do canvas no modo Sobrepor e normalmente contém a cena, o produto, o retrato ou o fundo que você quer preservar.
- A imagem sobreposta fica acima dela. Pode ser um PNG com logotipo, uma assinatura, um elemento decorativo, um efeito de luz ou outra foto.
Entre os formatos normalmente aceitos pelos navegadores estão PNG, JPEG, WebP, GIF e SVG. Se a área em volta de um logotipo ou recorte precisa continuar invisível, use PNG, WebP ou SVG com transparência. JPEG não aceita fundo transparente; por isso, um logotipo salvo nesse formato costuma trazer um retângulo visível ao redor.
Também vale começar com arquivos grandes o bastante para o uso final. Ampliar demais uma camada pequena deixa as bordas pouco nítidas. Uma foto principal bem definida e uma sobreposição com resolução adequada dão mais liberdade para mover e redimensionar sem perder qualidade.
Como sobrepor imagens online em quatro etapas
1. Envie a imagem principal
Abra a ferramenta gratuita para sobrepor imagens e selecione Adicionar imagem base. Escolha a foto ou o elemento gráfico que deve definir a largura e a altura finais. O editor lê o arquivo localmente e o exibe no canvas.
2. Adicione a imagem que ficará por cima
Selecione Adicionar imagem sobreposta e escolha o segundo arquivo. A nova imagem aparece no canvas como a camada selecionada. É possível adicionar até cinco sobreposições, o suficiente para combinar, por exemplo, um logotipo, uma textura discreta e um selo de campanha sem transformar a ferramenta em um aplicativo de design cheio de painéis.
Cada sobreposição continua independente. Ao selecionar outra miniatura, os controles de movimento, escala, rotação, opacidade, mesclagem e cor passam a atuar naquela camada.
3. Posicione, redimensione e combine a camada
Arraste a imagem selecionada diretamente no canvas para movê-la. Puxe uma das quatro alças dos cantos para redimensioná-la proporcionalmente. A proporção original é mantida, então círculos continuam redondos e logotipos não ficam esticados.
Use o painel lateral quando precisar de valores exatos. Nele, você pode informar coordenadas X e Y, centralizar, girar, espelhar, duplicar ou mover a camada para a frente e para trás. Esses controles ajudam sobretudo quando várias imagens se cruzam e uma camada inferior fica difícil de selecionar no próprio canvas.
Comece com o modo de mesclagem Normal. Diminua a opacidade se quiser uma presença mais discreta. Quando estiver adicionando textura, luz ou sombra em vez de um objeto sólido, experimente outros modos:
- Multiplicar preserva as partes escuras e funciona bem com textura de papel, tinta e sombra.
- Tela preserva as partes claras e é útil para vazamentos de luz, nuvens e brilho.
- Luz suave acrescenta contraste e cor de forma mais delicada que Sobreposição ou Luz intensa.
- Diferença e Exclusão criam interações de cor mais experimentais.
Avalie o resultado no tamanho em que ele será usado. Uma marca-d’água que parece discreta numa prévia grande pode ficar quase invisível no celular. Uma textura detalhada em resolução total pode desaparecer depois que uma rede social reduzir a imagem.
4. Exporte a imagem pronta
Escolha PNG, JPEG ou WebP no painel de exportação. PNG é a opção mais segura para transparência, logotipos nítidos e peças que talvez sejam editadas novamente. JPEG funciona bem para fotografias finalizadas sobre fundo opaco. WebP pode gerar um arquivo menor para a web e ainda preservar transparência quando necessário.
Em JPEG e WebP, ajuste a qualidade antes de baixar. Um valor próximo do limite superior costuma preservar os detalhes da foto sem gerar o maior arquivo possível. Confira textos, cabelos, linhas finas e contornos duros de logotipos, onde os artefatos de compressão aparecem com mais facilidade.
Quando a prévia estiver pronta, selecione Baixar imagem. O canvas é renderizado nas dimensões de trabalho e salvo no seu dispositivo.
Como deixar a sobreposição com aparência intencional
Colocar tecnicamente uma imagem sobre outra é simples. O que determina a qualidade visual é a hierarquia. Escolha qual imagem deve chamar atenção primeiro e faça as demais camadas apoiá-la.
Para logotipos, um canto costuma ser mais discreto que o centro. Deixe uma margem entre a marca e a borda do canvas para que ela sobreviva a diferentes recortes. Se o fundo estiver carregado, mova o logotipo para uma área mais calma ou prepare no próprio arquivo da marca uma base translúcida sutil.
Ao combinar duas fotos inteiras, identifique o assunto principal de cada uma. Evite colocar um rosto, nome de produto ou linha importante do horizonte sob a parte mais movimentada da camada superior. Mova a sobreposição até os assuntos se relacionarem, em vez de disputarem atenção. Só depois refine a opacidade ou o modo de mesclagem.
Em texturas, a escala faz diferença. Uma granulação muito maior que os detalhes da foto parece colada por cima; uma granulação minúscula pode sumir na exportação. Redimensione a textura até que sua frequência visual combine com a fotografia e use brilho, contraste, saturação ou um leve desfoque para integrá-la.
Sobrepor, unir e mesclar não são a mesma coisa
Esses termos aparecem como sinônimos, mas descrevem resultados diferentes:
| Método | O que acontece | Melhor uso |
|---|---|---|
| Sobrepor | As imagens ocupam a mesma área e uma camada fica acima da outra | Logotipos, marcas-d’água, texturas, recortes e dupla exposição |
| Unir | Imagens completas são colocadas juntas sem cobrir uma à outra | Antes e depois, instruções e sequências de fotos |
| Mesclar | As cores dos pixels sobrepostos são combinadas matematicamente | Efeitos de luz, textura de papel, tratamento de cor e composições artísticas |
O OverlayImage.app oferece as três opções. Use Sobrepor para dividir o mesmo espaço, Lado a lado ou Uma sobre a outra para unir imagens completas e Colagem em grade quando três ou mais fotos precisarem ser organizadas em linhas e colunas.
Se ainda estiver em dúvida, leia Como colocar uma imagem sobre outra para ver exemplos de foto sobre foto e lado a lado. Você também pode começar no modo Sobrepor e trocar o layout sem reenviar os arquivos de origem.
Erros comuns ao sobrepor imagens
Esticar a imagem de cima
Alterar largura e altura separadamente deforma logotipos, rostos e formas geométricas. Redimensione por um dos cantos para manter a proporção original.
Repetir demais a marca-d’água
A marca-d’água deve dificultar o uso indevido sem virar o assunto principal. Comece com uma marca, reduza a opacidade e veja a imagem no tamanho normal de exibição. Repita somente quando o caso realmente exigir uma cobertura mais forte.
Escolher o modo de mesclagem antes da posição
Um modo de mesclagem pode deixar uma composição desequilibrada temporariamente interessante, mas não corrige uma posição ruim. Acerte primeiro o lugar e o tamanho no modo Normal; aplique opacidade e mesclagem quando a hierarquia já funcionar.
Exportar no formato errado
Salvar um resultado transparente em JPEG troca a transparência por um fundo sólido. Salvar toda fotografia como PNG pode criar um arquivo desnecessariamente pesado. Escolha o formato conforme o destino, não por hábito.
Editar a única cópia do arquivo original
Guarde os originais. A ferramenta no navegador não os altera, e a composição exportada é um novo arquivo. Assim, você pode voltar atrás se precisar mudar recorte, posição ou tamanho de saída.
Privacidade e desempenho no navegador
O OverlayImage.app lê, compõe e exporta os arquivos de trabalho no navegador atual. Eles não são enviados a um servidor de processamento nem armazenados em um projeto na nuvem. Isso é útil para fotos pessoais, materiais de campanha ainda não publicados e trabalhos de clientes que não devem entrar em uma conta online.
Como o processamento é local, a memória disponível vem do seu dispositivo. Arquivos muito grandes de câmera e várias camadas em resolução total podem consumir bastante memória, especialmente no celular. Se o navegador ficar lento, feche abas não utilizadas, reduza as dimensões de imagens fora do comum ou trabalhe com menos camadas ao mesmo tempo.
Perguntas frequentes
Posso sobrepor mais de duas imagens?
Sim. Comece com uma imagem principal e adicione até cinco camadas independentes. Cada uma mantém suas próprias configurações de posição, escala, rotação, opacidade, modo de mesclagem, espelhamento e ajustes.
Posso sobrepor um PNG transparente?
Sim. PNGs transparentes são ideais para logotipos, assinaturas, adesivos e pessoas recortadas. Exporte em PNG ou WebP se o canvas final também precisar de transparência.
Diminuir a opacidade é igual a usar um modo de mesclagem?
Não. A opacidade muda a visibilidade de uma camada. O modo de mesclagem muda a forma como seus pixels interagem com os pixels de baixo. Os dois controles podem ser usados juntos.
A imagem exportada terá marca-d’água?
Não. O OverlayImage.app não adiciona uma marca-d’água da plataforma. Ela só aparece quando você inclui a sua própria como camada.
Dá para fazer isso no celular?
Sim. O editor tem layout responsivo e aceita gestos de arrastar por toque. Para o passo a passo no celular, veja Como sobrepor imagens no iPhone.
Quer montar sua composição? Sobreponha suas imagens online agora, ajuste cada camada na prévia e baixe o arquivo final.