OnlineFreeTools.org
  • Inicio
  • Image editing tools
    • Marca de agua de texto — en el navegador
    • Extraer colores de imagen — paleta y clic
    • Voltear imagen — espejo horizontal o vertical
    • Borde para imagen — color y grosor
    • Comprimir imagen — tamaño, calidad y peso objetivo (local)
    • Recortar y redimensionar imagen — en tu dispositivo
    • Ver y quitar EXIF de fotos — GPS, cámara, en tu dispositivo
    • Convertidor de formatos de imagen — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Escala de grises — convertir foto a B/N
    • Unir imágenes — combina fotos en un collage
    • Optimizar imagen — WebP, AVIF y MozJPEG en tu dispositivo
    • Superponer imágenes — pon un logo en una foto
    • Imagen ↔ Base64 — codificar y decodificar
    • Imágenes a GIF — animación corta
    • Imágenes a PDF — una página por foto
    • Imágenes a PowerPoint — una diapositiva por foto
    • Imágenes a Word — DOCX local
  • Herramientas de diseño
    • Pack de tokens de color de marca — escala HEX HSL OKLCH
    • Comprobador de contraste WCAG — ratio AA/AAA
  • Developer tools
    • Añadir WWW al DNS — registros A/CNAME y guías
    • Conversor CSV ↔ JSON — tipos, separador y local
    • Codificar y decodificar entidades HTML — escape local
    • IndexNow — enviar URLs a Bing, comprobar clave y códigos
    • Cuál es mi IP — Consulta tu IP pública (IPv4/IPv6)
    • Validador JSON Schema — Rutas draft-07 y local
    • Markdown a HTML (y al revés) — vista previa segura
    • Compare Two Texts Online — Text Diff Checker
    • Ver cabeceras HTTP de un sitio — Inspeccionar response headers
    • YAML a JSON (y al revés) — tipos, multi-doc, local
  • Calculators
    • Calculadora de IMC — Cómo calcular el índice de masa corporal
    • Calculadora de gradiente — ∇f multivariable (derivadas parciales)
    • Calculadora de ingreso marginal — Fórmula ΔIT / ΔQ
    • Calculadora de cambio porcentual — De valor antiguo a nuevo
    • Cómo calcular el ROI — Calculadora con fórmula y ejemplo
    • Calculadora de pies cuadrados — sq ft a m² (conversor de área)
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Herramientas

Marca de agua de texto — en el navegadorAñadir WWW al DNS — registros A/CNAME y guíasPack de tokens de color de marca — escala HEX HSL OKLCHExtraer colores de imagen — paleta y clicConversor CSV ↔ JSON — tipos, separador y localVoltear imagen — espejo horizontal o verticalCalculadora de IMC — Cómo calcular el índice de masa corporalCalculadora de gradiente — ∇f multivariable (derivadas parciales)Calculadora de ingreso marginal — Fórmula ΔIT / ΔQCalculadora de cambio porcentual — De valor antiguo a nuevoCómo calcular el ROI — Calculadora con fórmula y ejemploCodificar y decodificar entidades HTML — escape localBorde para imagen — color y grosorComprimir imagen — tamaño, calidad y peso objetivo (local)Recortar y redimensionar imagen — en tu dispositivoVer y quitar EXIF de fotos — GPS, cámara, en tu dispositivoConvertidor de formatos de imagen — PNG JPEG WebP AVIF BMP GIF ICO SVGEscala de grises — convertir foto a B/NUnir imágenes — combina fotos en un collageOptimizar imagen — WebP, AVIF y MozJPEG en tu dispositivoSuperponer imágenes — pon un logo en una fotoImagen ↔ Base64 — codificar y decodificarImágenes a GIF — animación cortaImágenes a PDF — una página por fotoImágenes a PowerPoint — una diapositiva por fotoImágenes a Word — DOCX localIndexNow — enviar URLs a Bing, comprobar clave y códigosCuál es mi IP — Consulta tu IP pública (IPv4/IPv6)Validador JSON Schema — Rutas draft-07 y localMarkdown a HTML (y al revés) — vista previa seguraCalculadora de pies cuadrados — sq ft a m² (conversor de área)Compare Two Texts Online — Text Diff CheckerComprobador de contraste WCAG — ratio AA/AAAVer cabeceras HTTP de un sitio — Inspeccionar response headersYAML a JSON (y al revés) — tipos, multi-doc, local

Superponer imágenes — pon un logo en una foto

80%
Posición rápida
0.90

Coloca un logo o marca de agua PNG sobre una foto base en el navegador — no texto escrito ni unir varias fotos como en collage. Pasos: elige base y capa, ajusta opacidad y escala, posiciona con x/y o arrastrando, elige modo de mezcla, superpone y descarga JPEG/WebP/PNG. Ejemplo: foto de muestra + LOGO semitransparente abajo a la derecha al 75 % → PNG — todo en tu dispositivo.

Cómo funciona

Añade una foto base y una segunda imagen (logo, insignia o PNG transparente). Ajusta opacidad, escala y posición — arrastra en la vista previa o escribe x/y en píxeles de la base. Elige mezcla, formato y fondo JPEG, superpone y descarga. Todo local; nada se sube.

Reglas de dibujo

El lienzo de salida coincide con los píxeles naturales de la base. La capa se dibuja con ancla superior izquierda en (x, y) tras escalar.

  • Ancho × alto del lienzo = ancho × alto natural de la base; la base se dibuja en (0, 0).
  • Tamaño de la capa = ancho × alto natural × (escala% ÷ 100); posición en píxeles de la base con ancla superior izquierda.
  • globalAlpha = opacidad ÷ 100; globalCompositeOperation = mezcla elegida; ambos se restablecen tras dibujar la capa.
  • JPEG: primero se rellena el lienzo con el color de fondo, luego base y capa. PNG/WebP conservan alpha donde exista.

Ejemplo

Carga el ejemplo: base con degradado y LOGO semitransparente abajo a la derecha al 75 % con mezcla Normal. Superpone, deja PNG y descarga. Arrastra en la vista previa; prueba Multiplicar sobre una foto clara.

Buenos casos

  • Marcas: pon un logo en fotos de producto o cabeceras sociales sin abrir un editor de escritorio.
  • Insignias de esquina: coloca una etiqueta “NUEVO” con opacidad y la cuadrícula de nueve posiciones.
  • Texturas: usa Multiplicar o Trama con una capa en escala de grises para teñir o suavizar el fondo.

Frequently asked questions

¿Se suben mis imágenes?

No. Decodificar, componer y exportar ocurre en tu navegador. Revisa la pestaña Red: no hay POST.

¿En qué se diferencia de unir imágenes?

Unir concatena varias fotos en horizontal, vertical o cuadrícula. Superponer mantiene una base y pinta una capa encima con opacidad, posición y mezcla.

¿Qué hacen los modos de mezcla?

Siguen las reglas de Canvas: Normal apila; Multiplicar oscurece; Trama aclara; Superponer aumenta contraste; Oscurecer/Aclarar eligen min/max por canal.

¿Por qué un color de fondo JPEG?

JPEG no tiene transparencia. Antes de exportar se rellena el lienzo para que las zonas transparentes no queden negras.

¿Puedo escribir texto como marca de agua?

Esta página solo superpone archivos de imagen. Para texto, usa la herramienta de marca de agua.

Related tools

  • Unir imágenes — combina fotos en un collage
  • Marca de agua de texto — en el navegador
  • Recortar y redimensionar imagen — en tu dispositivo

Comparte esta herramienta

Compártelo en redes, copia el enlace o usa el menú de compartir del dispositivo.

XFacebookLinkedInRedditWhatsAppTelegram

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

Consultas o comentarios

¿Algo poco claro, roto o que falte? Redacta un mensaje abajo — leemos cada nota sobre estas herramientas.

Correo: dailyonetools@outlook.com

References

  • MDN — globalCompositeOperation
  • MDN — globalAlpha
  • MDN — CanvasRenderingContext2D.drawImage()
OnlineFreeTools.org · Proyecto de aprendizaje · Iterando
Acerca de·Registros de Desarrollo·Privacidad·Términos·Contacto