L'idea non è di bloccare il tasto destro del mouse, e quindi di impedire di fare "Salva con nome" sull'immagine, ma è quella di far scaricare una fotografia/immagine vuota sul PC.
Se si fa' click sull'immagine e si vedono le Proprietà , si noterà che l'URL/URI non è un link chiaro ma una serie di lettere e numeri e quindi scoraggia gli utenti meno esperti di copiare l'immagine.
Ecco come si può implementare qualcosa di simile per le tue immagini:
Il codice embed standard per un'immagine simile a questa:
CODICE DA SCRIVERE HTML:
<img src="photograph.jpg" width="500" height="250">
Quello che dovete fare è cambiare il valore dell'attributo src per puntare a un'immagine vuota e quindi aggiungere un nuovo attributo di stile per rendere l'immagine reale.
Dovete anche fare in modo che il valore dell'altezza e parametri di larghezza sono esattamente gli stessi come l'immagine reale.
CODICE DA SCRIVERE HTML:
<Img style = "background-image: url (photograph.jpg);"
src="data:image/gif;base64,
R0lGODlhAQABAIAAAP / / / wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw == "
width = "500" height = "250">
Questo metodo è come sovrapporre uno schermo completamente trasparente sopra la vostra foto e chiunque cerchi di salvare l'immagine finirà il download dell'immagine vuota
invece che l'immagine reale.
Ovviamente, ci sono soluzioni semplici per aggirare il metodo di cui sopra. Per esempio, una copia dell'immagine completa sarà comunque disponibile nella cache del browser. Potete guardare il sorgente HTML o può anche salvare l'immagine con la cattura dello schermo, ma ancora una volta, queste tecniche potrebbero non essere sempre noti per gli utenti non tecnici del tuo sito web.