Altro - Un modo semplice per scoraggiare il download delle immagini da un semplice 'Salva immagine '

Oggi vi voglio parlare di come possiamo scoraggiare il download delle immagini da un utente che vuole salvarle sul proprio PC.
ATTENZIONE!!! Se non si desidera che altre persone scaricano le immagini dal tuo sito web, il consiglio migliore è non mettere online perchéè quasi impossibile impedire a qualcuno di copiare o salvare le immagini.
Tuttavia c'è un piccolo trucco che può scoraggiare tutti gli utenti meno esperti/smanettoni da "Salva Immagine con nome", o anche hot-linking, alle immagini web.
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">
<img src="photograph.jpg" width="500" height="250">
Quello che dovete fare è cambiare il valore dell'attributo srcper 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">
<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.
By ImaginSystems & Queen Gin