Coloca una imagen encima de otra - superponer, capas, overlay.
Superpone imagenes online para agregar logos, crear overlays de fotos o superponer imagenes. Esta herramienta de superposicion online te deja poner una imagen sobre otra, redimensionar, ajustar opacidad y descargar. Sin subir archivos, sin registro.
Quieres colocar imagenes lado a lado o en cuadricula? Usa la herramienta para unir JPG.
Drop your background image here
This image becomes the bottom layer
Como poner una imagen encima de otra.
Sube el fondo
Arrastra tu foto base al area de carga. Esta es la capa inferior - la imagen sobre la que se asienta todo lo demas. JPG, PNG y WebP funcionan. Tambien puedes pegar desde el portapapeles.
Agrega la superposicion
Sube la imagen a colocar encima - un logo, sticker, segunda foto o cualquier grafico que quieras agregar imagen a imagen. Los archivos PNG con fondos transparentes producen los resultados mas limpios porque solo el contenido visible se renderiza sobre la base.
Posiciona y descarga
Arrastra la vista previa para mover la superposicion. Ajusta escala (5-300%) y opacidad (5-100%) con los controles. Usa posiciones predefinidas como Centro o Inferior Derecha para colocacion rapida. Descarga como PNG o JPG.
Cuando necesitas superponer fotos y capas de imagenes.
Colocacion de logos en fotos de producto
Vendedores de comercio electronico y fotografos agregan logos de marca a fotos de producto antes de subirlas a marketplaces. Sube la foto del producto como base, luego superpone un PNG transparente de tu logo. Escala a alrededor del 15-20% del ancho de la imagen y posicionarlo en una esquina. Establece la opacidad al 70-80% si quieres el logo sutil, o 100% para visibilidad completa. Esto reemplaza el flujo de trabajo multi-paso de Photoshop de File > Place Embedded > Transform > Export.
Marca de agua en una galeria de fotos
Los fotografos comparten imagenes de vista previa con clientes pero necesitan prevenir el uso no autorizado. Superpone un logo de texto o firma semitransparente a traves del centro de cada foto al 25-40% de opacidad. La imagen sigue siendo visible para seleccion, pero inutilizable para impresion o descarga sin comprar. Para marcas de agua basadas en texto, la herramienta de marca de agua es mas rapida ya que genera texto directamente. Usa esta herramienta de superposicion cuando tu marca de agua sea un archivo grafico o de logo.
Doble exposicion e imagenes superpuestas
El aspecto de doble exposicion mezcla un retrato con un paisaje o textura creando imagenes superpuestas a transparencia parcial. Sube un retrato como base, superpone una escena de ciudad o bosque, y reduce la opacidad al 40-60%. Las dos imagenes se solapan visualmente. Los fotografos de pelicula lograban esto exponiendo el mismo fotograma dos veces. Esta herramienta replica el efecto sin modos de mezcla de Photoshop - el globalAlpha en el Canvas API produce una mezcla de transparencia directa que imita el aspecto analogico. Superpone fotos asi para compuestos artisticos.
Colocar stickers y badges
Las publicaciones en redes sociales y materiales de marketing usan overlays de badges - etiquetas "OFERTA", "NUEVO", "AGOTADO" colocadas en imagenes de producto. Los disenadores preparan PNGs de badges con fondos transparentes, luego los superponen sobre fotos de producto en una posicion de esquina. Esto es mas rapido que abrir cada foto de producto en Canva o Figma. Escala el badge al 20-30% del ancho de la base y posicionarlo arriba a la derecha o abajo a la izquierda para equilibrio visual.
Como funciona la superposicion de imagenes por dentro.
La herramienta usa el HTML5 Canvas API para dibujar ambas imagenes en un solo elemento canvas. La imagen base se coloca primero a tamano completo. Luego la imagen de superposicion se dibuja encima usando ctx.drawImage() en las coordenadas y dimensiones que estableces. La opacidad se controla estableciendoctx.globalAlpha antes de dibujar la superposicion - un valor de 0.5 significa que el 50% de los pixeles de la superposicion se mezclan con el 50% de los pixeles de la base en cada posicion. El canvas nunca sale de tu pestana del navegador, y el compuesto final se exporta como un archivo de imagen estandar.
Por que las superposiciones PNG producen resultados mas limpios
PNG soporta un canal alfa - cada pixel tiene un valor de transparencia de 0 (totalmente transparente) a 255 (totalmente opaco). Cuando superpones un logo PNG con fondo transparente, el canvas solo dibuja los pixeles visibles. Una superposicion JPG no tiene canal alfa, asi que cada pixel es opaco. Si superpones un logo JPG, el fondo rectangular del logo cubre la imagen base. Para evitar esto, prepara tu superposicion como PNG con el fondo eliminado antes de usar esta herramienta.
Superponer vs overlay vs capas - misma operacion, nombres distintos
La gente busca esta herramienta bajo docenas de nombres: "superponer imagenes online", "overlay de imagen", "overlay de foto", "editar imagen sobre imagen", "agregar imagen a imagen", "poner imagen encima de imagen", "como agregar una imagen", "como agregar una imagen a una imagen", "insertar imagen en imagen", "agregar pic en pic", "poner foto sobre foto", y "como poner una imagen sobre otra imagen". La operacion del Canvas API es identica en cada caso: dibujar imagen A, luego dibujar imagen B en una posicion con transparencia opcional. Ya sea que lo llames superponedor de imagenes, overlay de fotos o capas de imagen, la herramienta hace lo mismo. Puedes superponer imagenes online sin instalar software. Esto maneja colocacion a opacidad completa (super imponer), mezcla a transparencia parcial (overlay sobre una imagen), e imagenes superpuestas apilando multiples capas de imagen.
Acertar con la posicion
Las coordenadas X e Y controlan donde aterriza la esquina superior izquierda de la superposicion sobre la imagen base. En X=0, Y=0, la superposicion se asienta en la esquina superior izquierda. Los valores negativos mueven la superposicion parcialmente fuera de pantalla - util para posicionamiento de borde a borde donde parte de la superposicion se extiende mas alla del limite del canvas y se recorta. El boton "Centro" calcula (baseWidth - scaledOverlayWidth) / 2para X y el equivalente para Y. "Ajustar a base" escala la superposicion para cubrir toda la imagen base, que es lo que quieres para overlays de textura, efectos de light leak y aplicaciones de grano de pelicula. La gente a menudo pregunta como poner una foto sobre otra foto o como poner una foto dentro de una foto - la respuesta es siempre la misma: sube ambas imagenes, luego arrastra para posicionar. Ya sea que quieras agregar foto a imagen, insertar foto sobre foto, insertar imagen sobre imagen, o agregar foto sobre foto, el flujo de posicionamiento es identico.
Preguntas comunes sobre combinar imagenes
Como superpones imagenes, y como pones una imagen sobre otra imagen? La respuesta es siempre el mismo flujo de trabajo: sube dos imagenes y posiciona la segunda sobre la primera. Como poner una imagen encima de otra imagen o como poner una foto encima de otra funciona de forma identica. Como agregar una imagen a otra imagen, como agregar una imagen dentro de una imagen, y como puedo agregar una imagen a una imagen describen todos la misma operacion del Canvas API. Como insertar una imagen en otra imagen tambien es lo mismo - subir, posicionar, descargar. Puedes pegar imagen desde el portapapeles si la imagen ya esta copiada. Ya sea que quieras agregar imagen a imagen, como pones una imagen sobre una imagen, o como superponer imagenes - cada variante lleva aqui. El resultado es el mismo: imagenes superpuestas compuestas en un solo archivo que puedes descargar como PNG o JPG.
Escala y calidad de salida
El control de escala cambia las dimensiones renderizadas de la superposicion sin remuestrear los pixeles fuente - la interpolacion bilineal del navegador maneja el redimensionado durante el dibujo del canvas. Al 200%, una superposicion 500x500 se renderiza como 1000x1000 sobre la base. El control de calidad de salida (solo JPG) controla la compresion DCT. Al 92% obtienes artefactos insignificantes con tamanos de archivo razonables. Baja al 80% si necesitas archivos mas pequenos para miniaturas web. La salida PNG siempre es sin perdida independientemente de la configuracion de calidad.
Combinar con otras herramientas
Para un flujo completo de edicion de fotos: recorta la imagen base a tus dimensiones objetivo, redimensiona la superposicion a aproximadamente las proporciones correctas antes de cargarla aqui, luego superpone fotos o capas de imagenes juntas. Si el resultado necesita mas ajustes, pasalo por el ajustador de contraste o la herramienta de aclarar. Para overlays de texto en lugar de overlays de imagen, usa la herramienta de marca de agua que renderiza texto directamente sin necesitar un archivo de imagen separado. Si quieres insertar una imagen en otra imagen lado a lado en lugar de en capas, la herramienta de unir coloca fotos una al lado de la otra en filas, columnas o cuadriculas. Esta herramienta tambien funciona como editor de imagenes superpuestas - superpone dos imagenes a transparencia parcial para crear compuestos mezclados.
Marca de agua de texto?
Agrega marcas de agua de texto con fuente, color, posicion y patrones de mosaico personalizados.
Agregar Marca de AguaUnir lado a lado?
Coloca imagenes una al lado de la otra en fila, columna o cuadricula en lugar de capas.
Unir JPGRecortar antes de superponer?
Recorta la imagen base al marco correcto antes de colocar tu superposicion encima.
Recortar ImagenPreguntas frecuentes.
Como pongo una imagen encima de otra imagen?
Sube primero tu imagen de fondo - esta se convierte en la capa base. Luego sube la imagen que quieres colocar encima. La superposicion aparece en la esquina superior izquierda de la imagen base por defecto. Arrastrala en el area de vista previa para reposicionarla, usa el control de escala para agrandarla o reducirla, y ajusta la opacidad si quieres que el fondo se vea a traves. Usa los botones de preajuste (Centro, Inferior Derecha, Ajustar a Base) para una colocacion rapida sin arrastrar manualmente. Tambien puedes pegar una imagen desde el portapapeles en lugar de subir un archivo. Haz clic en Descargar cuando la colocacion se vea bien. Todo el proceso se ejecuta en tu navegador con el Canvas API - ambas imagenes permanecen en tu dispositivo, nada se sube a un servidor, y el compuesto se renderiza en menos de un segundo para fotos tipicas de hasta 3000x2000 pixeles.
Como agrego una foto a otra foto o inserto una imagen en otra?
El proceso es el mismo ya sea que quieras agregar una imagen a una imagen, agregar foto a foto, agregar imagen a foto, o insertar una imagen dentro de otra. Sube el fondo como primera imagen, luego sube lo que quieras colocar encima como segunda imagen. La herramienta dibuja la segunda imagen sobre la primera en la posicion que elijas. Si quieres agregar una imagen dentro de otra en un punto especifico - como insertar una foto de producto en un marco de mockup - arrastra la superposicion a la posicion exacta y escalala para que quepa. Este superponedor de imagenes maneja cualquier combinacion: foto sobre foto, logo sobre foto de producto, sticker sobre selfie, o imagen de texto sobre un fondo.
Cual es la diferencia entre superponer y unir?
Unir (tambien llamado combinar o fusionar) coloca imagenes lado a lado o apiladas en una sola salida - el resultado es mas ancho o mas alto que cualquiera de las imagenes de entrada. Una union vertical de dos fotos 500x500 produce una salida 500x1000. Superponer (tambien llamado overlay o capas de foto) coloca una imagen encima de otra en una posicion especifica dentro de las dimensiones de la imagen base, asi que el tamano de salida coincide con la base. Una superposicion 500x500 sobre una base 1000x1000 sigue produciendo una salida 1000x1000. Usa la <a href="/es/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">herramienta de unir</a> cuando quieras comparaciones antes-despues, collages de fotos o disposiciones lado a lado. Usa esta herramienta de superposicion cuando necesites poner foto sobre foto, agregar una marca de agua sobre una imagen de galeria, o insertar imagen sobre imagen en una posicion especifica sobre una escena.
Puedo superponer un PNG con fondo transparente?
Si, y ese es el escenario mas util para esta herramienta. Sube un logo PNG, icono o overlay PNG que tenga fondo transparente como imagen de superposicion. Solo los pixeles visibles se renderizan sobre la base - las areas transparentes dejan ver el fondo limpiamente sin ningun rectangulo blanco. Asi es como los vendedores de comercio electronico agregan logos de empresa a fotos de producto, los fotografos colocan firmas de marca de agua en galerias, y los disenadores superponen fotos con marcos decorativos sobre retratos. Si tu PNG de superposicion aun no tiene transparencia, elimina el fondo primero con una herramienta como remove.bg o Photoshop, guarda como PNG con canal alfa, luego superponlo aqui. Las superposiciones JPG no pueden tener transparencia - siempre se renderizan como un rectangulo solido sobre la base, cubriendo lo que este debajo.
Como ajusto el tamano de la imagen superpuesta?
Usa el control de Escala debajo de la vista previa. Al 100% la superposicion se renderiza en sus dimensiones originales de pixeles relativas a la imagen base. Arrastra a la izquierda para reducirla hasta 5% o a la derecha para agrandarla hasta 300%. Una superposicion 2000x1500 al 50% de escala se renderiza como 1000x750 pixeles sobre la base. Para colocacion de logos en fotos de producto, 10-25% del ancho de la imagen base funciona en la mayoria de casos - un logo de 200px en una foto de 2000px de ancho es 10% y se lee como una marca de marca sutil. Para superposiciones de imagen completa como texturas, light leaks o efectos de grano, haz clic en el boton "Ajustar a base" para escalar automaticamente la superposicion y cubrir toda la imagen de fondo y centrarla. El calculo de escala usa las dimensiones naturales de la superposicion, no el tamano de visualizacion.
Que hace el control de opacidad?
La opacidad controla que tan transparente aparece la imagen superpuesta sobre la base. Al 100%, la superposicion es totalmente opaca y cubre por completo los pixeles de la imagen base debajo. Al 50%, la superposicion es semitransparente y la base se ve a traves a mitad de intensidad - esto crea un efecto de mezcla de doble exposicion. Al 10%, la superposicion apenas se ve, solo una impresion tenue. Configuraciones comunes de opacidad: 20-40% para marcas de agua donde la marca necesita ser visible pero no debe dominar la foto; 50% para compuestos de doble exposicion que mezclan un retrato con un paisaje; 15-30% para superposiciones de textura como grano de pelicula, light leaks o efectos bokeh que agregan caracter sin abrumar la imagen base; y 100% para colocacion de logos, stickers y badges donde la visibilidad completa es el objetivo.
Puedo superponer imagenes online desde mi telefono?
Si, puedes superponer imagenes online desde cualquier telefono. Abre esta pagina en Safari, Chrome o cualquier navegador movil moderno. Toca el primer area de carga para elegir tu imagen base de la galeria, luego toca el segundo area de carga para la superposicion. Tambien puedes pegar una imagen desde el portapapeles si copiaste una. Arrastra en la vista previa con el dedo para reposicionar la superposicion. Los controles de escala, opacidad y posicion responden todos a entrada tactil. Los botones de preajuste como Centro e Inferior Derecha funcionan con un solo toque. El procesamiento ocurre enteramente en tu telefono usando el mismo motor de superposicion que en escritorio - ningun dato de imagen se envia a un servidor, y el resultado se descarga directamente a tu dispositivo. Telefonos con 4 GB de RAM o mas manejan imagenes de hasta 4000x3000 sin problemas.
Como superpongo dos imagenes o fotos online?
Para superponer dos imagenes o fotos online, sube primero la imagen de fondo, luego sube la imagen de primer plano. La herramienta dibuja la segunda imagen encima de la primera. Si quieres superponer imagenes online con transparencia, usa un PNG de superposicion con fondo transparente. Para superponer fotos online con cobertura completa, haz clic en "Ajustar a base" para estirar la superposicion sobre todo el fondo. Tambien puedes superponer 2 imagenes a opacidad parcial para un aspecto de doble exposicion. Esto funciona igual ya sea que busques como superponer imagenes, como superponer fotos, como superponer imagenes online - la operacion del Canvas API es identica en cada caso.
Debo exportar como PNG o JPG?
Exporta como PNG si tu superposicion usa transparencia y necesitas preservar esa transparencia en la salida - por ejemplo, cuando la imagen base misma tiene areas transparentes, o cuando el resultado compuesto alimentara otra herramienta de diseno como Figma, Photoshop o Canva donde necesitas bordes alfa limpios. PNG es sin perdida, asi que no hay artefactos de compresion, pero los archivos son 3-5x mas grandes que JPG. Exporta como JPG cuando el tamano del archivo importa y la transparencia no se necesita. JPG al 92% de calidad (el predeterminado) produce resultados visualmente identicos al original para fotos, a aproximadamente 200-400 KB para un compuesto 2000x1500. Usa JPG para subidas a redes sociales, imagenes de listados de productos, paginas web, adjuntos de correo, y cualquier contexto donde la imagen se asienta sobre un fondo solido.
Mis imagenes se suben a un servidor?
No. Ambas imagenes se cargan en la memoria del navegador usando el HTML5 Canvas API y JavaScript. El paso de composicion - dibujar la superposicion encima de la base en la posicion especificada con la opacidad especificada - ocurre enteramente en tu dispositivo usando canvas.drawImage() con globalAlpha para el control de transparencia. Puedes verificarlo: abre las herramientas de desarrollador del navegador (F12), cambia a la pestana Red, y realiza una operacion completa de superposicion. Veras cero solicitudes salientes que lleven datos de imagen. El unico trafico de red es la carga inicial de la pagina. Cierra la pestana y todos los datos de imagen se liberan de la memoria inmediatamente. Este editor de imagen sobre imagen se ejecuta localmente, lo que lo hace seguro para documentos confidenciales, fotos de productos no lanzados, imagenes personales, y cualquier contenido que no quieras en un servidor de terceros.