È possibile impedire il download di immagini durante la progettazione di un sito Web?

Supponi di voler fornire immagini di alta qualità di esempio nel tuo sito Web ma anche di proteggerle dal download, poiché puoi visualizzarle sullo schermo ma non puoi salvarle dal sito Web.

C'è un modo per fare questo?

Modifica: questo non è qualcosa che devo fare, ma secondo un metodo nelle risposte avevo visto il clic destro disabilitato su un sito Web ed ero interessato.

A tutti gli effetti, questo è assolutamente impossibile .

• Puoi disabilitare il clic destro, ma le persone possono comunque visualizzare il codice sorgente della tua pagina (aggiungendolo view-source:all'URL in Chrome o semplicemente utilizzando un menu del browser) e trovare l'URL.

• Puoi utilizzare un CSS background-imageanziché HTML <img>, ma le persone possono comunque utilizzare l'ispettore del proprio browser (F12 per la maggior parte dei browser) e trovare le proprietà CSS di quell'elemento.

• Puoi progettare qualcosa di folle che pensi funzioni, ma alla fine, l'utente deve scaricare l'immagine in qualche modo per vederla. Se l'utente non è completamente in grado di scaricare l'immagine, non sarà nemmeno in grado di vederla in primo luogo! Indipendentemente da ciò che fai, nulla può impedire una semplice occhiata a un monitor del traffico di rete o alla scheda "Rete" degli strumenti di sviluppo del browser preferito.

Doorknob ha ragione; è impossibile impedire agli utenti di scaricare l'immagine. Qualsiasi salvaguardia messa in atto può essere aggirata. Il blocco Right Clickè facilmente contrastato disabilitando JavaScript (o modificando lo script se necessario).

Tuttavia, puoi utilizzare altri metodi per proteggere i tuoi beni. La filigrana è un modo per proteggere le tue immagini protette da copyright. Dai un'occhiata a qualsiasi sito Web di foto d'archivio per vedere come lo fanno:

iStockPhoto (sopra), ad esempio, offre agli utenti la possibilità di ingrandire e visualizzare i dettagli di un'immagine. La loro filigrana si ridimensiona con lo zoom. È abbastanza discreto da consentire alle persone di analizzare l'immagine, ma abbastanza importante da mitigare i furti.

Come altri hanno sottolineato, è impossibile. Metodi comuni come disabilitare il clic con il tasto destro, usare lo sfondo CSS e altri script sono abbastanza facili da evitare. L'utente può semplicemente fare uno screenshot del tuo sito Web, quindi ritagliare l'immagine.

Penso che la filigrana dell'immagine sia un modo molto più efficace. Questo può essere fatto manualmente (usando Photoshop, Gimp o altri strumenti) o automaticamente usando uno script. Alla fine dipende da quante immagini vuoi proteggere e da come è costruito il tuo sito web.

PHP
Ecco un piccolo script PHP che può filigranare qualsiasi immagine prima che venga scaricata dall'utente: http://andrecatita.com/code-projects/php-automatic-image-watermark/

Joomla
NiceWatermark è un plugin altamente configurabile che aggiunge automaticamente una filigrana alle tue immagini.

WordPress
Image-Watermark ti permetterà di filigranare le immagini durante il caricamento o filigrare le immagini esistenti.

Potresti rendere le cose più difficili per un utente nell'utilizzare le immagini che mostri suddividendole in sezioni / porzioni di immagini più piccole.

Sulla pagina sembrerebbe un'immagine ma potrebbe essere suddivisa in sei pezzi. Se qualcuno fosse determinato a possederne una copia, non impedirebbe loro di ricombinare le immagini una volta scaricate. Inoltre, non sarebbe così bello su una connessione più lenta in quanto il caricamento dell'immagine potrebbe essere frammentato o, peggio ancora, una o più sezioni potrebbero mancare.

Come altri hanno già risposto, è impossibile impedire a uno sviluppatore di copiare l'immagine, ma puoi renderlo molto difficile per gli utenti normali.

Qui ho riassunto le altre risposte e aggiunto altre opzioni che conosco.

1. Blocca tasto destro -> salva immagine.

   • Blocca il tasto destro del mouse con JavaScript
   • Invece del tag img usa la proprietà background CSS.
   • Affianca un'immagine trasparente 1x1 sull'immagine reale, in modo che quando l'utente utilizza il tasto destro del mouse salva l'immagine trasparente.

2. Impedisci agli strumenti di sviluppo di ottenere l'immagine suddividendola in più immagini (dalla risposta di Nick J Adams). Questo può essere molto noioso da fare manualmente. Nick ha anche menzionato gli svantaggi come download più lenti e immagini rotte se una parte non può essere scaricata.

3. Prevenire schermate utilizzando Flash per le presentazioni di immagini. Alcuni siti Web di fotografia che conosco usano Flash per presentare fotografie. Tuttavia, il flash non funziona nei dispositivi mobili.

4. Puoi anche evitare schermate usando una filigrana. Qui non blocciamo affatto l'accesso all'immagine. Controlla la risposta di Johanpw per alcune biblioteche.

Doorknob, JohnB e johanpw hanno tutti delle buone risposte, volevo aggiungere qualcosa che ho visto nelle persone html e php: link convolution.

Fondamentalmente, ciò che fanno è o spezzare il collegamento all'immagine o al video in modo che sia difficile separare dal codice (puoi ancora farlo ma scoraggia tutti tranne i più motivati) o semplicemente contorcono il singolo collegamento in la fonte. (Onestamente, l'ho appena notato nelle ultime settimane e non ne so molto, solo che mi ha reso difficile ottenere immagini dal sito di qualcuno; P, ma spero che qualcuno che ha esperienza con questo suonerà)

Se qualcuno ne sa di più e può dare una spiegazione migliore, sarei interessato a saperne di più anche sulla convoluzione dei link!

Non caricare immagini ad alta risoluzione su alcun sito Web che non le mantenga nascoste e sicure. Come un sito di stampa on demand professionale e credibile.

Come detto in precedenza, è impossibile impedire agli spettatori di ottenere immagini online. Il mio metodo è quello di mettere il mio nome leggibile su di loro e inviarli nel mondo per fare pubblicità per me.

Quindi se qualcuno vuole usarli, può contattarmi per chiedere il permesso.