Marca de Agua en Imagen
Añade una marca de agua de texto a una foto, con vista previa en vivo sobre la imagen real para que veas exactamente cómo se verán el tamaño, la opacidad, el ángulo, y la posición.
Haz clic para elegir una imagen, o arrástrala aquí
JPG, PNG, WebP. Se queda en tu dispositivo, no se sube nada.
Tu imagen con marca de agua aparecerá aquí una vez generada.
La vista previa de arriba muestra tu marca de agua en vivo sobre la imagen real mientras ajustas tamaño, opacidad, ángulo, color, y posición. La descarga final coincide con lo que ves, escalada a la resolución completa de tu imagen.
Cómo funciona
La vista previa en vivo es un elemento DOM posicionado en capas sobre tu foto, pero la imagen final es trabajo de píxeles real sobre un <canvas>. Cuando pulsas aplicar, la imagen original se dibuja a resolución completa, luego el contexto del canvas se traslada a uno de nueve puntos de anclaje (esquinas, puntos medios de bordes, centro, cada uno con un margen del 6%), se rota según tu ángulo, y el texto se dibuja con fillText() usando tu color y opacidad vía globalAlpha. La alineación de texto y la línea base se ajustan según el ancla para que "abajo derecha" en la vista previa aterrice en el mismo punto relativo en la salida.
La parte sutil es la escala. Tu vista previa en pantalla puede tener 500 píxeles de ancho mientras que la foto real tiene 4000, así que una herramienta ingenua renderiza una marca de agua que se veía bien en la vista previa pero sale microscópica. Esta mide la proporción entre el ancho de vista previa mostrado y el ancho natural de la imagen y multiplica el tamaño de fuente por ello, así que 48px en la vista previa significa el mismo tamaño proporcional en el archivo de resolución completa. El resultado se vuelve a codificar en el formato original: JPEG a calidad 0.95, PNG sin pérdida (elige PNG si quieres los bordes de texto más nítidos posibles).
Vale la pena entender qué es una marca de agua: este texto se hornea en los píxeles, no se almacena como una capa o metadato, así que nadie puede eliminarlo de la forma en que se eliminan los datos EXIF. Eso corta en ambos sentidos. Una marca pequeña y de baja opacidad en una esquina es presa fácil para herramientas de recorte e inpainting con IA; una marca de agua que realmente protege una imagen se superpone al sujeto, en ángulo, con opacidad moderada, que es exactamente para lo que sirven los controles de posición, ángulo, y opacidad.
Tanto la vista previa como el renderizado final se ejecutan en tu pestaña. Revisa el panel Red de las DevTools mientras trabajas: la foto nunca se sube, así que las pruebas de cliente y las tomas no publicadas se quedan en tu máquina.