OnlineFreeTools.org
  • Início
  • Image editing tools
    • Marca d’água de texto — no navegador
    • Extrair cores da imagem — paleta e clique
    • Virar imagem — espelho H/V
    • Borda na imagem — cor e espessura
    • Comprimir imagem — lado máximo, qualidade e tamanho alvo (local)
    • Cortar e redimensionar imagem — no dispositivo
    • Ver e remover EXIF de fotos — GPS, câmera, no dispositivo
    • Conversor de formato de imagem — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Escala de cinza — converter foto
    • Unir imagens — combine fotos num collage
    • Otimizar imagem — WebP, AVIF e MozJPEG no dispositivo
    • Sobrepor imagens — coloque um logo na foto
    • Imagem ↔ Base64 — codificar e decodificar
    • Imagens em GIF — animação curta
    • Imagens em PDF — uma página por foto
    • Imagens em PowerPoint — um slide por foto
    • Imagens para Word — DOCX local
  • Ferramentas de design
    • Pacote de tokens de cor da marca — escala HEX HSL OKLCH
    • Verificador de contraste WCAG — razão AA/AAA
  • Developer tools
    • Adicionar WWW ao DNS — A/CNAME e guias
    • Conversor CSV ↔ JSON — tipos, separador e local
    • Codificar e decodificar entidades HTML — local
    • IndexNow — enviar URLs ao Bing, checar chave e códigos
    • Qual é o meu IP — Consulta IP pública (IPv4/IPv6)
    • Validador JSON Schema — Caminhos draft-07 e local
    • De Markdown para HTML — e HTML de volta a Markdown
    • Compare Two Texts Online — Text Diff Checker
    • Verificar cabeçalhos HTTP de um site — Inspecionar response headers
    • De YAML para JSON — e JSON de volta a YAML
  • Calculators
    • Calculadora de IMC — Como calcular o índice de massa corporal
    • Calculadora de gradiente — ∇f multivariable (derivadas parciais)
    • Calculadora de receita marginal — Fórmula ΔRT / ΔQ
    • Calculadora de variação percentual — Do valor antigo ao novo
    • Como calcular o ROI — Calculadora com fórmula e exemplo
    • Pés quadrados para m² — Conversão para imóveis e reformas
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Ferramentas

Marca d’água de texto — no navegadorAdicionar WWW ao DNS — A/CNAME e guiasPacote de tokens de cor da marca — escala HEX HSL OKLCHExtrair cores da imagem — paleta e cliqueConversor CSV ↔ JSON — tipos, separador e localVirar imagem — espelho H/VCalculadora de IMC — Como calcular o índice de massa corporalCalculadora de gradiente — ∇f multivariable (derivadas parciais)Calculadora de receita marginal — Fórmula ΔRT / ΔQCalculadora de variação percentual — Do valor antigo ao novoComo calcular o ROI — Calculadora com fórmula e exemploCodificar e decodificar entidades HTML — localBorda na imagem — cor e espessuraComprimir imagem — lado máximo, qualidade e tamanho alvo (local)Cortar e redimensionar imagem — no dispositivoVer e remover EXIF de fotos — GPS, câmera, no dispositivoConversor de formato de imagem — PNG JPEG WebP AVIF BMP GIF ICO SVGEscala de cinza — converter fotoUnir imagens — combine fotos num collageOtimizar imagem — WebP, AVIF e MozJPEG no dispositivoSobrepor imagens — coloque um logo na fotoImagem ↔ Base64 — codificar e decodificarImagens em GIF — animação curtaImagens em PDF — uma página por fotoImagens em PowerPoint — um slide por fotoImagens para Word — DOCX localIndexNow — enviar URLs ao Bing, checar chave e códigosQual é o meu IP — Consulta IP pública (IPv4/IPv6)Validador JSON Schema — Caminhos draft-07 e localDe Markdown para HTML — e HTML de volta a MarkdownPés quadrados para m² — Conversão para imóveis e reformasCompare Two Texts Online — Text Diff CheckerVerificador de contraste WCAG — razão AA/AAAVerificar cabeçalhos HTTP de um site — Inspecionar response headersDe YAML para JSON — e JSON de volta a YAML

Sobrepor imagens — coloque um logo na foto

80%
Posição rápida
0.90

Coloque um logo ou marca d’água PNG sobre uma foto base no navegador — não texto digitado nem juntar várias fotos como collage. Passos: escolha base + camada, ajuste opacidade e escala, posicione com x/y ou arrastando, escolha mistura, sobreponha e baixe JPEG/WebP/PNG. Exemplo: foto de amostra + LOGO semitransparente no canto inferior direito a 75 % → PNG — tudo no seu dispositivo.

Como funciona

Adicione foto base e segunda imagem (logo, selo ou PNG transparente). Ajuste opacidade, escala e posição — arraste na pré-visualização ou digite x/y em pixels da base. Escolha mistura, formato e fundo JPEG, sobreponha e baixe. Tudo local.

Regras de desenho

A tela de saída iguala os pixels naturais da base. A camada desenha-se com âncora superior esquerda em (x, y) após escala.

  • Largura × altura da tela = dimensões naturais da base; base desenhada em (0, 0).
  • Tamanho da camada = largura × altura natural × (escala% ÷ 100); posição em pixels da base, âncora superior esquerda.
  • globalAlpha = opacidade ÷ 100; globalCompositeOperation = mistura escolhida; reset após desenhar a camada.
  • JPEG: preenche fundo escolhido antes de base e camada. PNG/WebP mantêm alpha onde existir.

Exemplo

Carregue o exemplo: base em degradê + LOGO semitransparente canto inferior direito a 75 %, mistura Normal. Sobreponha, mantenha PNG, baixe. Arraste na pré-visualização; teste Multiplicar em logo claro.

Boas situações

  • Marca: logo em fotos de produto ou capas sociais sem editor de desktop.
  • Selos de canto: etiqueta “NOVO” com opacidade e grade de nove posições.
  • Texturas: camada em tons de cinza com Multiplicar ou Tela para tingir ou suavizar o fundo.

Frequently asked questions

Minhas imagens são enviadas?

Não. Decodificar, compor e exportar ocorre no navegador. Aba Rede: sem POST.

Diferença de unir imagens?

Unir concatena várias fotos em horizontal, vertical ou grade. Sobrepor mantém uma base e pinta uma camada com opacidade, posição e mistura.

O que fazem os modos de mistura?

Regras Canvas: Normal empilha; Multiplicar escurece; Tela clareia; Sobrepor aumenta contraste; Escurecer/Clarear escolhem min/máx por canal.

Por que cor de fundo JPEG?

JPEG não tem transparência. Antes de exportar a tela é preenchida para áreas PNG não virarem pretas.

Marca d’água de texto aqui?

Esta página só sobrepõe arquivos de imagem. Para texto, use a ferramenta de marca d’água.

Related tools

  • Unir imagens — combine fotos num collage
  • Marca d’água de texto — no navegador
  • Cortar e redimensionar imagem — no dispositivo

Compartilhar esta ferramenta

Compartilhe nas redes, copie o link ou use o compartilhamento do dispositivo.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/pt/tools/image-overlay

Dúvidas ou feedback

Algo pouco claro, quebrado ou faltando? Escreva abaixo — lemos cada mensagem sobre estas ferramentas.

E-mail: dailyonetools@outlook.com

References

  • MDN — globalCompositeOperation
  • MDN — globalAlpha
  • MDN — CanvasRenderingContext2D.drawImage()
OnlineFreeTools.org · Projeto de aprendizagem · Em iteração
Sobre·Registros de Desenvolvimento·Privacidade·Termos·Contacto