“Colocar uma imagem sobre outra” é a maneira mais simples de descrever uma sobreposição. Uma foto define o canvas e a segunda vira uma camada móvel acima dela. A imagem superior pode cobrir tudo, ficar pequena como um logotipo ou receber transparência para que as duas continuem visíveis.
Outras expressões descrevem a mesma tarefa: colocar uma foto em cima de outra, sobrepor fotos, inserir uma imagem em outra ou criar um efeito picture-in-picture. Em todos os casos, você precisa dos mesmos controles: ordem das camadas, posição, tamanho, opacidade e formato de exportação.
O caminho mais rápido é abrir o OverlayImage.app, enviar a foto principal, adicionar a segunda e organizá-la diretamente no canvas. A seguir, você aprende esse fluxo e vê quais configurações funcionam melhor em resultados comuns.
A diferença entre “em cima” e “ao lado”
Antes de começar, decida se as duas fotos devem dividir o mesmo espaço.
Quando uma imagem fica em cima de outra, suas áreas se sobrepõem. A foto superior pode esconder uma parte da inferior, ou a transparência pode manter as duas visíveis. Essa estrutura serve para logotipos, marcas-d’água, texturas, adesivos, fotos menores dentro de outras e dupla exposição.
Quando as fotos ficam lado a lado, nenhuma cobre a outra. As larguras ou alturas completas são preservadas num canvas maior. Isso é uma união, não uma sobreposição, e funciona bem para antes e depois, variações de produto, instruções e fotos de progresso.
O OverlayImage.app faz os dois. Escolha Sobrepor quando uma foto precisar ficar acima da outra. Use Lado a lado, Uma sobre a outra ou Colagem em grade quando todas as imagens tiverem de aparecer por inteiro.
Como colocar uma foto em cima de outra
Passo 1: escolha a foto que define o canvas
Envie a imagem cujas dimensões e composição mais importam. Se você vai adicionar um logotipo a uma foto de produto, a foto do produto deve ser a base. Se vai colocar um retrato dentro de uma moldura decorativa, a moldura ou o fundo pode ser a imagem principal, conforme o tamanho que você quer preservar.
Pense na base como uma folha de papel. Todas as outras imagens serão posicionadas em relação às bordas dela.
Passo 2: adicione a foto que ficará por cima
Selecione Adicionar imagem sobreposta e abra o segundo arquivo. Ele aparece como camada selecionada. PNGs e WebPs transparentes são especialmente úteis porque a área invisível em volta do elemento não cobre a foto de baixo.
Se a imagem de cima traz um retângulo branco ou colorido, esse fundo faz parte do arquivo. Diminuir a opacidade deixa o retângulo translúcido, mas não o remove. Para um logotipo ou recorte limpo, comece com um arquivo que já tenha fundo transparente.
Passo 3: mova e redimensione a imagem superior
Arraste a camada até o lugar desejado. Puxe uma alça do canto para mudar o tamanho sem deformá-la. Use o alinhamento central quando a imagem de cima precisar ficar exatamente no meio.
Para uma foto menor dentro da principal, deixe uma margem intencional até a borda externa. Quando quase encosta na borda, o resultado costuma parecer acidental. Para logotipo ou assinatura, escolha uma região com poucos detalhes. Para cobrir o canvas inteiro, amplie a camada até as bordas se o arquivo tiver tamanho suficiente; se não alcançar, use uma fonte maior em vez de ultrapassar o limite de escala de 300% do editor.
Os campos X e Y ajudam a repetir a mesma posição em várias composições. Anote coordenadas e escala da primeira imagem e reutilize os valores nas seguintes, desde que tenham as mesmas dimensões.
Passo 4: decida quanto de cada foto deve aparecer
Com 100% de opacidade e modo Normal, todo pixel opaco da camada superior cobre completamente a área abaixo. Os pixels transparentes do arquivo continuam transparentes. Ao reduzir a opacidade, você revela a imagem inferior sem mudar o método de combinação das cores.
Para uma marca-d’água comum, o modo Normal com opacidade reduzida costuma bastar. Numa composição artística, experimente Multiplicar, Tela, Sobreposição ou Luz suave. Sempre compare com o modo Normal: uma mesclagem dramática pode esconder problemas de cor ou tornar textos difíceis de ler.
Também é possível ajustar brilho, contraste, saturação e desfoque da camada selecionada. Esses controles ajudam uma foto menor a combinar com a cena ou fazem a textura apoiar a imagem inferior sem dominá-la.
Passo 5: baixe um único arquivo final
Escolha PNG, JPEG ou WebP e baixe o resultado. As duas fontes são renderizadas em um só arquivo, enquanto os originais permanecem separados e intactos.
Use PNG quando o canvas final precisar de transparência ou tiver bordas gráficas bem definidas. Escolha JPEG para uma foto pronta sobre fundo opaco. Use WebP quando quiser uma imagem compacta para a web e compatibilidade com navegadores modernos.
Quatro composições comuns de foto sobre foto
Logotipo no canto
Mantenha o logotipo pequeno, preserve uma área livre ao redor e use o modo Normal. Se a fotografia tiver muito contraste, reduza pouco a opacidade; transparência em excesso faz a marca sumir em telas menores.
Marca-d’água centralizada
Uma marca grande no centro pode proteger uma prova sem impedir a avaliação do assunto. Comece perto da metade da escala de opacidade e confira regiões claras e escuras. A marca legível sobre o céu pode desaparecer sobre uma roupa preta.
Foto menor dentro da imagem
Uma foto inserida é um retângulo menor dentro de uma cena maior. Serve para reações, detalhes, mapas, instruções e comparações. Use uma margem constante e decida se a imagem precisa de borda antes do upload; o editor atual posiciona arquivos, mas não cria molduras decorativas automaticamente.
Mesclagem de duas fotos em tela cheia
Amplie a imagem superior até cobrir quase todo o canvas quando suas dimensões permitirem; caso contrário, escolha um arquivo maior. Reduza a opacidade ou use um modo de mesclagem. Procure relações entre pessoas, horizontes, áreas claras e linhas de direção. Alguns pixels de deslocamento podem mudar completamente os detalhes visíveis.
Como funciona a ordem de três ou mais imagens
Cada nova sobreposição entra numa pilha. A imagem principal fica no fundo, e as outras camadas podem avançar ou recuar entre si. Uma camada na frente cobre todas as inferiores; quando recuada, talvez só apareça onde as superiores forem transparentes.
Uma peça para redes sociais, por exemplo, pode usar:
- Foto do produto como imagem principal.
- Camada suave de cor acima da foto.
- Selo de preço acima da cor.
- Logotipo à frente de tudo.
Selecione a miniatura de uma camada antes de mudar sua posição ou aparência. Se outra imagem a cobrir e impedir o clique no canvas, use a miniatura e o controle de avançar.
Quando escolher um layout de união
Use Lado a lado ou Uma sobre a outra quando as duas imagens precisarem aparecer completas. Para três ou mais, escolha Colagem em grade. Nesses layouts, o editor renderiza as fotos sem aplicar posição, opacidade, mesclagem e filtros exclusivos do modo Sobrepor. Os arquivos continuam disponíveis se você trocar o layout.
Erros que vale evitar
Deixar a imagem superior pequena demais para ler
Discreto não significa minúsculo. Um logotipo muito pequeno e cheio de detalhes pode virar uma mancha após a exportação ou a compressão da rede social. Avalie no tamanho normal de visualização.
Cobrir o assunto sem querer
Afaste a camada de rostos, nomes de produto, instruções e bordas importantes, a menos que cobri-los seja intencional. Use a opacidade como acabamento, não como única solução para uma posição ruim.
Achatar as camadas cedo demais
Mantenha as sobreposições independentes até finalizar. Depois que vários elementos viram um único arquivo, alterar apenas um deles fica mais difícil. No editor, as camadas continuam separadas até o download, e você pode enviar até cinco sobreposições.
Esperar transparência de um JPEG
JPEG não tem pixels transparentes. Use PNG, WebP transparente ou SVG quando a área ao redor da imagem superior deve ficar invisível.
Perguntas frequentes
Como se chama quando colocamos uma foto sobre outra?
O nome mais comum é sobreposição de imagens ou de fotos. Também se usam os termos superposição e composição picture-in-picture. “Unir imagens” costuma indicar fotos completas colocadas juntas sem sobreposição.
Posso colocar uma foto sobre outra sem Photoshop?
Sim. Um editor de camadas no navegador oferece os controles de posição, tamanho, opacidade, mesclagem e exportação necessários para uma sobreposição estática sem instalar um programa de design.
A foto de cima pode ser transparente?
Sim. Use um arquivo com transparência, como PNG, WebP ou SVG. Você também pode diminuir a opacidade de qualquer camada selecionada.
Como coloco uma foto atrás de outra camada?
Selecione a miniatura e use o controle de mover para trás. A imagem principal continua como fundo do canvas, e as sobreposições podem ser reordenadas entre si.
Juntar as fotos faz upload delas para a internet?
O OverlayImage.app processa 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.
Para testar esse fluxo, coloque uma imagem sobre outra agora. Se quiser entender melhor formatos e modos de mesclagem, continue no guia completo para sobrepor imagens.