Skip to main content
JPG JoinerJPG Joiner
ESC
Apenas no navegador - suas imagens nunca saem do seu dispositivo

Coloque uma imagem sobre outra - sobreponha, superponha, empilhe camadas.

Sobreponha imagens online para adicionar logos, criar overlays de foto ou superpor figuras. Esta ferramenta de overlay de imagens online permite colocar uma imagem sobre outra, redimensionar, ajustar opacidade e baixar. Sem upload, sem cadastro.

Quer colocar imagens lado a lado ou em grade? Use a ferramenta de juntar JPG.

Drop your background image here

This image becomes the bottom layer

JPG · PNG · WebP
100% Privado
Roda no Navegador
Sem Login
Sem Marca D'agua
Gratis Para Sempre

Como colocar uma imagem sobre outra imagem.

01

Faca upload do fundo

Arraste sua foto base para a area de upload. Esta e a camada inferior - a imagem sobre a qual tudo o mais fica. JPG, PNG e WebP funcionam. Voce tambem pode colar da area de transferencia.

02

Adicione a sobreposicao

Faca upload da imagem para colocar por cima - um logo, adesivo, segunda foto ou qualquer grafico que queira adicionar imagem a imagem. Arquivos PNG com fundos transparentes produzem os resultados mais limpos porque so o conteudo visivel renderiza sobre a base.

03

Posicione e baixe

Arraste o preview para mover a sobreposicao. Ajuste escala (5-300%) e opacidade (5-100%) com os controles. Use posicoes predefinidas como Centro ou Inferior Direito para posicionamento rapido. Baixe como PNG ou JPG.

Quando voce precisa sobrepor fotos e empilhar camadas.

Colocacao de logo em fotos de produto

Vendedores de e-commerce e fotografos adicionam logos de marca a fotos de produto antes de subir para marketplaces. Faca upload da foto do produto como base, depois sobreponha um PNG transparente do seu logo. Escale para cerca de 15-20% da largura da imagem e posicione em um canto. Defina opacidade em 70-80% se quiser o logo sutil, ou 100% para visibilidade total. Isso substitui o fluxo de multiplos passos no Photoshop de Arquivo > Incorporar > Transformar > Exportar.

Marca d'agua em galeria de fotos

Fotografos compartilham imagens de preview com clientes mas precisam impedir uso nao autorizado. Sobreponha um logo de texto ou assinatura semitransparente pelo centro de cada foto a 25-40% de opacidade. A imagem ainda e visualizavel para selecao, mas inutilizavel para impressao ou download sem compra. Para marcas d'agua baseadas em texto, a ferramenta de marca d'agua e mais rapida porque gera texto diretamente. Use esta ferramenta de sobreposicao quando sua marca d'agua for um arquivo grafico ou de logo.

Exposicao dupla e imagens sobrepostas

O visual de exposicao dupla mistura um retrato com uma paisagem ou textura criando imagens sobrepostas com transparencia parcial. Faca upload de um retrato como base, sobreponha uma paisagem urbana ou floresta, e reduza a opacidade para 40-60%. As duas imagens se sobrepoem visualmente. Fotografos de filme conseguiam isso expondo o mesmo quadro duas vezes. Esta ferramenta replica o efeito sem modos de mistura do Photoshop - o globalAlpha da API Canvas produz uma mistura de transparencia direta que imita o visual analogico. Empilhe fotos assim para composicoes artisticas.

Colocacao de adesivos e badges

Posts em redes sociais e materiais de marketing usam overlays de badge - tags "PROMOCAO", "NOVO", "ESGOTADO" colocadas em imagens de produto. Designers preparam PNGs de badge com fundos transparentes, depois os sobrepoem em fotos de produto em um canto. Isso e mais rapido do que abrir cada foto de produto no Canva ou Figma. Escale o badge para 20-30% da largura da base e posicione no superior direito ou inferior esquerdo para equilibrio visual.

Como a sobreposicao de imagens funciona por baixo dos panos.

A ferramenta usa a API Canvas HTML5 para desenhar as duas imagens em um unico elemento canvas. A imagem base vai primeiro em tamanho completo. Depois a imagem de sobreposicao e desenhada por cima usando ctx.drawImage() nas coordenadas e dimensoes que voce definir. A opacidade e controlada definindoctx.globalAlpha antes de desenhar a sobreposicao - um valor de 0.5 significa que 50% dos pixels da sobreposicao se misturam com 50% dos pixels da base em cada posicao. O canvas nunca sai da aba do seu navegador, e a composicao final exporta como um arquivo de imagem padrao.

Por que overlays PNG produzem resultados mais limpos

PNG suporta um canal alfa - cada pixel tem um valor de transparencia de 0 (totalmente transparente) a 255 (totalmente opaco). Quando voce sobrepoe um logo PNG com fundo transparente, o canvas so desenha os pixels visiveis. Um overlay JPG nao tem canal alfa, entao cada pixel e opaco. Se voce sobrepor um logo JPG, o fundo retangular do logo cobre a imagem base. Para evitar isso, prepare seu overlay como PNG com o fundo removido antes de usar esta ferramenta.

Superpor vs sobrepor vs camadas - mesma operacao, nomes diferentes

As pessoas buscam esta ferramenta sob dezenas de nomes: "superpor imagens online", "overlay de imagem", "overlay de foto", "editar foto sobre foto", "adicionar imagem a imagem", "colocar imagem sobre imagem", "como adicionar uma foto", "como adicionar uma imagem a outra imagem", "inserir imagem em imagem", "adicionar foto em foto", "colocar foto sobre foto" e "como colocar uma imagem sobre outra imagem". A operacao da API Canvas e identica em todos os casos: desenhar imagem A, depois desenhar imagem B em uma posicao com transparencia opcional. Seja chamado de sobrepositor de imagens, overlay de fotos ou ferramenta de camadas, a ferramenta faz a mesma coisa. Voce pode sobrepor imagem online ou superpor imagens online sem instalar software. Isso lida com colocacao em opacidade total (superpor), mistura com transparencia parcial (overlay em uma foto) e imagens sobrepostas empilhando multiplas camadas de imagem.

Acertando a posicao

As coordenadas X e Y controlam onde o canto superior esquerdo da sobreposicao pousa na imagem base. Em X=0, Y=0, a sobreposicao fica no canto superior esquerdo. Valores negativos movem a sobreposicao parcialmente para fora da tela - util para posicionamento de borda a borda onde parte da sobreposicao se estende alem do limite do canvas e e cortada. O botao "Centro" calcula (larguraBase - larguraSobreposicaoEscala) / 2para X e o equivalente para Y. "Ajustar a base" escala a sobreposicao para cobrir toda a imagem base, o que voce quer para overlays de textura, efeitos de light leak e aplicacoes de grain de filme. As pessoas frequentemente perguntam como colocar uma foto sobre outra foto ou como colocar uma foto dentro de uma foto - a resposta e sempre a mesma: faca upload das duas imagens, depois arraste para posicionar. Seja para adicionar foto a imagem, inserir foto sobre foto, inserir imagem sobre imagem, ou adicionar foto sobre foto, o fluxo de posicionamento e identico.

Perguntas comuns sobre combinar imagens

Como voce sobrepoe imagens, e como voce coloca uma imagem sobre outra imagem? A resposta e sempre o mesmo fluxo: faca upload de duas imagens e posicione a segunda sobre a primeira. Como colocar uma imagem sobre outra imagem ou como colocar uma foto sobre outra funciona de forma identica. Como adicionar uma imagem a outra imagem, como adicionar uma imagem dentro de uma imagem, e como posso adicionar uma imagem a uma imagem - todos descrevem a mesma operacao da API Canvas. Como inserir uma imagem em outra imagem tambem e o mesmo - upload, posicionar, baixar. Voce pode colar da area de transferencia se a imagem ja estiver copiada. Seja para adicionar imagem a imagem, como colocar uma imagem em uma imagem, ou como superpor imagens - cada variante leva aqui. O resultado e o mesmo: imagens sobrepostas compostas em um unico arquivo que voce pode baixar como PNG ou JPG.

Escala e qualidade de saida

O controle de escala muda as dimensoes renderizadas da sobreposicao sem reamostrar os pixels de origem - a interpolacao bilinear do navegador cuida do redimensionamento durante o desenho no canvas. Em 200%, uma sobreposicao 500x500 renderiza como 1000x1000 na base. O controle de qualidade de saida (somente JPG) controla a compressao DCT. Em 92% voce obtem artefatos despreziveis com tamanhos de arquivo razoaveis. Baixe para 80% se precisar de arquivos menores para miniaturas web. A saida PNG e sempre sem perda independentemente da configuracao de qualidade.

Combinando com outras ferramentas

Para um fluxo completo de edicao de fotos: corte a imagem base para as dimensoes alvo, redimensione a sobreposicao para aproximadamente as proporcoes certas antes de carrega-la aqui, depois sobreponha fotos ou empilhe camadas juntas. Se o resultado precisar de mais ajustes, passe pelo ajustador de contraste ou pela ferramenta de clarear. Para overlays de texto em vez de overlays de imagem, use a ferramenta de marca d'agua que renderiza texto diretamente sem precisar de um arquivo de imagem separado. Se quiser inserir uma imagem em outra imagem lado a lado em vez de em camadas, a ferramenta de juntar coloca fotos uma ao lado da outra em linhas, colunas ou grades. Esta ferramenta tambem funciona como editor de imagens sobrepostas - sobreponha duas imagens com transparencia parcial para criar composicoes misturadas.

Marca d'agua de texto em vez disso?

Adicione marcas d'agua de texto com fonte, cor, posicao e padroes de repeticao em mosaico.

Adicionar Marca D'agua

Juntar lado a lado?

Coloque imagens uma ao lado da outra em linha, coluna ou grade em vez de empilhar camadas.

Juntar JPG

Cortar antes de sobrepor?

Ajuste a imagem base ao enquadramento certo antes de colocar a sobreposicao por cima.

Cortar Imagem

Perguntas frequentes.

Como colocar uma imagem sobre outra imagem?

Faca upload da imagem de fundo primeiro - ela vira a camada base. Depois faca upload da imagem que quer colocar por cima. A sobreposicao aparece no canto superior esquerdo da imagem base por padrao. Arraste na area de preview para reposicionar, use o controle de escala para aumentar ou reduzir, e ajuste a opacidade se quiser que o fundo apareca por tras. Use os botoes de predefinicao (Centro, Inferior Direito, Ajustar a Base) para posicionamento rapido sem arrastar manualmente. Voce tambem pode colar uma imagem da area de transferencia em vez de enviar um arquivo. Clique em Baixar quando o posicionamento estiver certo. Todo o processo roda no seu navegador com a API Canvas - as duas imagens ficam no seu dispositivo, nada sobe para um servidor, e a composicao renderiza em menos de um segundo para fotos tipicas ate 3000x2000 pixels.

Como adicionar uma foto a outra foto ou inserir imagem em imagem?

O processo e o mesmo seja para adicionar uma foto a outra foto, colocar imagem sobre imagem, inserir uma figura em outra, ou adicionar logo a uma foto. Faca upload do fundo como primeira imagem, depois faca upload do que quiser colocar por cima como segunda imagem. A ferramenta desenha a segunda imagem sobre a primeira na posicao que voce escolher. Se quiser inserir uma foto em um ponto especifico - como colocar um produto dentro de um mockup - arraste a sobreposicao ate a posicao exata e escale para caber. Este sobrepositor de imagens lida com qualquer combinacao: foto sobre foto, logo em foto de produto, adesivo em selfie, ou imagem de texto sobre um fundo.

Qual a diferenca entre sobrepor e juntar (merge)?

Juntar (tambem chamado de unir ou combinar) coloca imagens lado a lado ou empilhadas em uma unica saida - o resultado fica mais largo ou mais alto que qualquer imagem de entrada. Uma uniao vertical de duas fotos 500x500 produz uma saida 500x1000. Sobrepor (tambem chamado de superpor ou camadas de foto) coloca uma imagem sobre outra em uma posicao especifica dentro das dimensoes da imagem base, entao o tamanho da saida corresponde a base. Uma sobreposicao 500x500 em uma base 1000x1000 ainda produz uma saida 1000x1000. Use a <a href="/pt/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">ferramenta de juntar</a> quando quiser comparacoes antes-e-depois, colagens ou layouts lado a lado. Use esta ferramenta de sobreposicao quando precisar colocar foto sobre foto, adicionar uma marca d'agua grafica a uma imagem de galeria, ou inserir imagem sobre imagem em uma posicao especifica sobre uma cena.

Posso sobrepor um PNG com fundo transparente?

Sim, e esse e o cenario mais util desta ferramenta. Faca upload de um logo PNG, icone ou overlay PNG com fundo transparente como imagem de sobreposicao. Apenas os pixels visiveis renderizam sobre a base - as areas transparentes deixam o fundo aparecer limpo, sem nenhum retangulo branco. E assim que vendedores de e-commerce adicionam logos da empresa a fotos de produto, fotografos colocam assinaturas de marca d'agua em galerias, e designers sobrepoem molduras decorativas sobre retratos. Se o seu PNG de overlay ainda nao tem transparencia, remova o fundo primeiro com uma ferramenta como remove.bg ou Photoshop, salve como PNG com canal alfa, depois sobreponha aqui. Overlays JPG nao podem ter transparencia - sempre renderizam como um retangulo solido na base, cobrindo o que estiver embaixo.

Como ajustar o tamanho da imagem sobreposta?

Use o controle de Escala abaixo do preview. Em 100% a sobreposicao renderiza nas dimensoes originais em pixels relativas a imagem base. Arraste para a esquerda para reduzir ate 5% ou para a direita para ampliar ate 300%. Uma sobreposicao 2000x1500 em 50% de escala renderiza como 1000x750 pixels na base. Para colocar logos em fotos de produto, 10-25% da largura da imagem base funciona na maioria dos casos - um logo de 200px em uma foto de 2000px de largura e 10% e aparece como uma marca sutil. Para overlays de imagem inteira como texturas, light leaks ou grain, clique no botao "Ajustar a base" para escalar automaticamente a sobreposicao de modo a cobrir toda a imagem de fundo e centraliza-la. O calculo de escala usa as dimensoes naturais da sobreposicao, nao o tamanho de exibicao.

O que faz o controle de opacidade?

A opacidade controla o quao transparente a imagem sobreposta aparece na base. Em 100%, a sobreposicao e totalmente opaca e cobre completamente os pixels da base por baixo. Em 50%, a sobreposicao fica semitransparente e a base aparece com metade da intensidade - isso cria um efeito de exposicao dupla. Em 10%, a sobreposicao quase nao se ve, so uma impressao sutil. Configuracoes comuns: 20-40% para marcas d'agua onde a marca precisa ser visivel mas nao deve dominar a foto; 50% para composicoes de exposicao dupla que misturam um retrato com uma paisagem; 15-30% para overlays de textura como grain de filme, light leaks ou efeitos bokeh que adicionam caracter sem sobrecarregar a imagem base; e 100% para colocacao de logos, adesivos e badges onde a visibilidade total e o objetivo.

Posso superpor fotos online no celular?

Sim, voce pode superpor fotos online de qualquer celular. Abra esta pagina no Safari, Chrome ou qualquer navegador mobile moderno. Toque na primeira area de upload para escolher a imagem base do rolo da camera, depois toque na segunda area para a sobreposicao. Voce tambem pode colar da area de transferencia se copiou uma imagem. Arraste no preview com o dedo para reposicionar a sobreposicao. Os controles de escala, opacidade e posicao respondem ao toque. Botoes de predefinicao como Centro e Inferior Direito funcionam com um unico toque. O processamento acontece inteiramente no seu celular usando o mesmo motor de sobreposicao do desktop - nenhum dado de imagem e enviado a um servidor, e o resultado baixa direto para o seu dispositivo. Celulares com 4 GB de RAM ou mais lidam com imagens ate 4000x3000 sem problemas.

Como sobrepor duas imagens ou sobrepor fotos online?

Para sobrepor duas imagens ou sobrepor fotos online, faca upload da imagem de fundo primeiro, depois da imagem em primeiro plano. A ferramenta desenha a segunda imagem sobre a primeira. Se quiser sobrepor imagens online com transparencia, use um PNG de overlay com fundo transparente. Para sobrepor fotos online cobrindo tudo, clique em "Ajustar a base" para esticar a sobreposicao por todo o fundo. Voce tambem pode sobrepor 2 imagens com opacidade parcial para um visual de exposicao dupla. Funciona da mesma forma seja buscando como sobrepor imagens, como sobrepor fotos, como sobrepor figuras, ou overlay de imagens online - a operacao da API Canvas e identica em todos os casos.

Devo exportar como PNG ou JPG?

Exporte como PNG se a sua sobreposicao usa transparencia e voce precisa preservar essa transparencia na saida - por exemplo, quando a propria imagem base tem areas transparentes, ou quando o resultado composto vai para outra ferramenta de design como Figma, Photoshop ou Canva onde voce precisa de bordas alfa limpas. PNG e sem perda, entao nao ha artefatos de compressao, mas os arquivos ficam 3-5x maiores que JPG. Exporte como JPG quando o tamanho do arquivo importa e transparencia nao e necessaria. JPG a 92% de qualidade (o padrao) produz resultados visualmente identicos ao original para fotos, com cerca de 200-400 KB para uma composicao 2000x1500. Use JPG para uploads em redes sociais, imagens de listagem de produtos, paginas web, anexos de e-mail e qualquer contexto em que a imagem fique sobre um fundo solido.

Minhas imagens sao enviadas para um servidor?

Nao. As duas imagens carregam na memoria do navegador usando a API Canvas HTML5 e JavaScript. A etapa de composicao - desenhar a sobreposicao sobre a base na posicao especificada com a opacidade especificada - acontece inteiramente no seu dispositivo usando canvas.drawImage() com globalAlpha para controle de transparencia. Voce pode verificar: abra as ferramentas de desenvolvedor do navegador (F12), mude para a aba Network e faca uma operacao completa de sobreposicao. Voce vera zero requisicoes de saida carregando dados de imagem. O unico trafego de rede e o carregamento inicial da pagina. Feche a aba e todos os dados de imagem sao liberados da memoria imediatamente. Este editor de imagem sobre imagem roda localmente, tornando-o seguro para documentos confidenciais, fotos de produto nao lancadas, imagens pessoais e qualquer conteudo que voce nao gostaria em um servidor de terceiros.