Añadir Marca de Agua

La marca de agua es la práctica de añadir una marca visible — típicamente un logo, nombre de marca o aviso de copyright — a una imagen para establecer propiedad y disuadir el uso no autorizado. En la era de las redes sociales, las imágenes pueden copiarse y redistribuirse en segundos, a menudo sin atribución. Una marca de agua deja claro quién es el propietario de la imagen y hace que el uso no autorizado sea menos atractivo, ya que la marca de agua debe eliminarse (lo que degrada la calidad de la imagen) antes de que la imagen pueda presentarse como original.

Las marcas de agua son usadas por fotógrafos (para proteger imágenes de portafolio), empresas de comercio electrónico (para evitar que los competidores copien fotos de productos), creadores de contenido (para marcar gráficos de redes sociales) y agencias de fotos de stock (para previsualizar imágenes antes de la compra). La clave es encontrar el equilibrio adecuado: la marca de agua debe ser lo suficientemente visible para disuadir el robo pero no tan obtrusiva que arruine la experiencia visual. Una técnica común es colocar una marca de agua semitransparente en el centro o esquina inferior derecha con 30-50% de opacidad.

Más allá de las marcas de agua visibles, las marcas de agua invisibles (digitales) incrustan información en los datos de píxeles de la imagen que puede ser detectada por software especializado pero no vista por humanos. Estas son usadas por servicios como Digimarc para rastrear el uso de imágenes en la web. Sin embargo, las marcas de agua visibles siguen siendo la solución más práctica para la mayoría de creadores — son simples, efectivas y no requieren software especial para verificar.

Image watermarking is performed using the Canvas API's drawImage() and fillText() methods. The image is first drawn to a canvas, then the watermark text or logo is composited on top using globalAlpha for transparency. The canvas is then exported as a new image using toBlob() or toDataURL(). The output format can be JPEG (smaller, lossy) or PNG (larger, lossless). For photographs, JPEG at 90% quality provides a good balance of file size and visual quality.

When watermarking multiple images (batch processing), the browser processes them sequentially to avoid memory issues. Each image is loaded, watermarked, exported, and then the canvas memory is released before processing the next one. For large batches (100+ images), this can take several minutes but won't crash the browser. The processing happens in the browser's main thread, so the UI may be slightly unresponsive during batch operations -- web workers could be used for background processing, but Canvas API support in workers is limited.