Inserire un marchio nelle immagini via JavaScript

Watermark.js è una libreria JavaScript che aggiunge un watermark (letteralmente filigrana, ovvero un logo o un marchio) alle immagini presenti sulle pagine web. Contrassegnare le immagini in modo permanente è utile a proteggerle dalla copia oppure, al contrario, ad approfittare della loro riproduzione per diffondere un marchio (brand awareness). Usare watermark.js è semplice, vediamo quanto.

Watermark

Inseriamo dinamicamente il nostro brand nelle immagini del sito

Come usare watermark.js

La libreria innesta il marchio nelle immagini marcate con la classe CSS “watermark”. Se il nome della classe non piace è possibile cambiarlo. Se il nostro watermark è in formato JPG la libreria aggiunge per noi un livello di trasparenza, altrimenti possiamo fornirle i più idonei formati PNG e GIF.

»