Herramienta de superposición de imágenes
Coloca un logo sobre una foto, combina un recorte ya preparado con otro fondo o añade una textura a una imagen. Esta herramienta local del navegador une una imagen base y una superposición: introduce la posición X/Y, ajusta la escala y la opacidad, elige el modo de fusión y descarga el resultado acoplado en PNG.
Cómo superponer una imagen sobre otra
-
1
Sube la imagen base y la superposición
La base llena el lienzo; la superposición flota encima.
-
2
Posición y escala
Introduce la posición X/Y en píxeles y elige una escala entre el 5% y el 200%.
-
3
Ajusta la opacidad y el modo de fusión
Opacidad total para composiciones nítidas y 30-60% para marcas de agua discretas.
-
4
Exportar
Acopla las dos capas en un PNG con las dimensiones del lienzo de la imagen base.
Superposiciones que parecen intencionales
Una composición útil de dos capas comienza con una posición, una escala y una fusión bien elegidas.
Posicionamiento
- Usa la regla de los tercios: coloca el centro de la superposición en una intersección de las líneas de tercios para lograr un aire editorial.
- Las marcas de agua en las esquinas funcionan mejor con un margen de 10-15% desde el borde.
- La colocación centrada funciona bien en carteles y tarjetas para redes sociales equilibradas.
Escala
- La superposición rara vez se ve bien por encima del 60% del lado más pequeño de la base.
- Una marca de agua de logo suele ser del 5-15% del ancho de la base.
Modos de fusión
Para composiciones que se ven naturales:
| Modo | Efecto |
|---|---|
| Normal | Composición alfa directa |
| Multiplicar (Multiply) | Oscurece: ideal para añadir texturas |
| Pantalla (Screen) | Aclara: útil para brillos y destellos |
| Superponer (Overlay) | Mezcla que refuerza el contraste |
| Oscurecer (Darken) | Conserva el píxel más oscuro de las dos capas |
| Aclarar (Lighten) | Conserva el píxel más claro de las dos capas |
Alcance y privacidad
La herramienta posiciona, escala y fusiona una sola superposición. No permite girar, recortar, difuminar bordes ni añadir sombras, así que realiza esos cambios antes de subir la imagen si los necesitas. Ambas imágenes se procesan en el navegador y nunca se incluyen en la URL del embudo ni se envían al servidor. En el flujo guiado, IndexedDB guarda el proyecto temporalmente en este dispositivo durante un máximo de 30 minutos para conservarlo entre pasos.
Composiciones comunes
- Un producto dentro de un mockup de móvil o portátil.
- Marca de agua de logo en la esquina de una foto.
- Insignia o etiqueta colocada sobre un fondo plano.
- Avatar dentro de un marco decorativo.
- Un recorte transparente ya preparado sobre un fondo nuevo.
Preguntas frecuentes
La herramienta admite una imagen base y una superposición en cada pasada. Para composiciones de varias capas, exporta el resultado y úsalo como nueva imagen base para la siguiente superposición.
Sí. Si la superposición es un PNG con canal alfa, solo se dibujan sobre la base los píxeles visibles. Las superposiciones en JPG no tienen transparencia y aparecen como un rectángulo.
Normal para composiciones nítidas; Multiplicar (Multiply) para colocar una textura (papel, grunge) sobre una foto; Pantalla (Screen) para brillos y luces. Superponer (Overlay), Oscurecer (Darken) y Aclarar (Lighten) son modos estilísticos: merece la pena probarlos.
Usa los campos de entrada numéricos X/Y en lugar de arrastrar. La herramienta acepta posiciones precisas en píxeles, por lo que la alineación a una cuadrícula de 1 píxel es posible.
Herramientas relacionadas
Creador de listas por niveles
Crea una lista privada con texto e imágenes locales, personaliza niveles, clasifica con arrastre o teclado y exporta JSON, PNG o SVG.
Comprimir GIF
Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.
WebP a JPG
Convierte imágenes WebP a JPG/JPEG directamente en el navegador. Elige la calidad, aplana la transparencia sobre un color de fondo y descarga sin subir archivos.
Vectorizador de PNG a SVG
Convierte imágenes raster PNG en rutas SVG desde el navegador. Ideal para logotipos, iconos y arte lineal. Controla el umbral, el número de colores y el suavizado.
Generador de códigos de barras
Crea en el navegador códigos de barras 1D en Code 128, EAN, UPC, ITF-14 y otros formatos compatibles. Descarga el resultado como SVG o PNG.
Generador de códigos QR
Genera un código QR localmente en el navegador a partir de una URL, texto plano o una carga QR correctamente formateada, y descárgalo como PNG.