Est-il possible d'empêcher le téléchargement d'images lors de la conception d'un site Web?

Supposons que vous souhaitiez fournir des exemples d'images de haute qualité sur votre site Web, mais que vous souhaitiez également les protéger contre le téléchargement, car vous pouvez les afficher à l'écran mais ne pouvez pas enregistrer à partir du site Web.

Y a-t-il un moyen de faire cela?

Edit: Ce n'est pas quelque chose que je dois faire, mais selon une méthode dans les réponses, j'avais vu le clic droit désactivé sur un site Web et j'étais intéressé.

À toutes fins utiles, cela est carrément impossible .

• Vous pouvez désactiver le clic droit, mais les gens peuvent toujours afficher le code source de votre page (en l'ajoutant view-source:à l'URL dans Chrome ou simplement en utilisant un menu de navigateur) et trouver l'URL.

• Vous pouvez utiliser un CSS background-imageau lieu de HTML <img>, mais les gens peuvent toujours utiliser l'inspecteur de leur navigateur (F12 pour la plupart des navigateurs) et trouver les propriétés CSS de cet élément.

• Vous pouvez concevoir une chose folle qui, selon vous, fonctionnera, mais à la fin de la journée, l'utilisateur doit télécharger l'image d'une manière ou d'une autre pour la voir. Si l'utilisateur est complètement incapable de télécharger l'image, il ne pourra même pas la voir en premier lieu! Quoi que vous fassiez, rien n'empêchera un simple coup d'œil sur un moniteur de trafic réseau ou sur l'onglet "Réseau" des outils de développement de votre navigateur préféré.

La poignée de porte a raison; il est impossible d'empêcher les utilisateurs de télécharger l'image. Toute sauvegarde que vous mettez en place peut être contournée. Le blocage Right Clickest facilement contrecarré en désactivant JavaScript (ou en modifiant le script si nécessaire).

Vous pouvez cependant utiliser d'autres méthodes pour protéger vos actifs. Le filigrane est un moyen de protéger vos images protégées par le droit d'auteur. Jetez un œil à n'importe quel site Web de photos pour voir comment ils le font:

iStockPhoto (ci-dessus), par exemple, donne aux utilisateurs la possibilité de zoomer et d'afficher les détails d'une image. Leur filigrane évolue avec le zoom. Il est suffisamment discret pour permettre aux gens d'analyser l'image, mais suffisamment proéminent pour atténuer le vol.

Comme d'autres l'ont souligné, c'est impossible. Les méthodes courantes telles que la désactivation du clic droit, l'utilisation de l'arrière-plan CSS et d'autres scripts sont assez faciles à éviter. L'utilisateur peut simplement prendre une capture d'écran de votre site Web, puis recadrer l'image.

Je pense que le filigrane de l'image est un moyen beaucoup plus efficace. Cela peut être fait manuellement (à l'aide de Photoshop, Gimp ou d'autres outils) ou automatiquement à l'aide d'un script. À la fin, cela dépend du nombre d'images que vous souhaitez protéger et de la façon dont votre site Web est construit.

PHP
Voici un joli petit script PHP qui peut filigraner n'importe quelle image avant qu'elle ne soit téléchargée par l'utilisateur: http://andrecatita.com/code-projects/php-automatic-image-watermark/

Joomla
NiceWatermark est un plugin hautement configurable qui ajoute automatiquement un filigrane à vos images.

WordPress
Image-Watermark vous permettra de filigraner des images lors du téléchargement ou de filigraner des images existantes.

Vous pourriez rendre les choses plus difficiles pour un utilisateur pour utiliser les images que vous montrez en les décomposant en sections / portions d'images plus petites.

Sur la page, cela ressemblerait à une image, mais elle peut être divisée en six morceaux. Si quelqu'un était déterminé à en avoir une copie, cela ne l'empêcherait pas de recombiner les images une fois téléchargées. De plus, cela ne semblerait pas aussi bon sur une connexion plus lente car le chargement de l'image peut être fragmenté ou pire, une ou plusieurs sections peuvent être manquantes.

Comme d'autres ont déjà répondu qu'il est impossible d'empêcher un développeur de copier l'image, mais vous pouvez rendre la tâche beaucoup plus difficile pour les utilisateurs normaux.

Ici, j'ai résumé d'autres réponses et ajouté d'autres options que je connais.

1. Bloquer le clic droit -> enregistrer l'image.

   • Bloquer le clic droit avec javascript
   • Au lieu de la balise img, utilisez la propriété d'arrière-plan CSS.
   • Mosaïque une image transparente 1x1 sur l'image réelle, de sorte que lorsque l'utilisateur utilise un clic droit sur enregistrer, il obtient l'image transparente.

2. Empêchez les outils de développement d'obtenir l'image en divisant l'image en plusieurs images (d'après la réponse de Nick J Adams). Cela peut être très fastidieux à faire manuellement. Nick a également mentionné les inconvénients comme les téléchargements plus lents et les images cassées si une partie ne parvient pas à être téléchargée.

3. Empêchez les captures d'écran en utilisant Flash pour les diaporamas d'images. Certains sites de photographie que je connais utilisent Flash pour présenter des photographies. Mais notez que le flash ne fonctionne pas sur mobile.

4. Vous pouvez également empêcher les captures d'écran en utilisant un filigrane. Ici, nous ne bloquons pas du tout l'accès à l'image. Vérifiez la réponse de Johanpw pour certaines bibliothèques.

Doorknob, JohnB et johanpw ont tous de bonnes réponses, je voulais ajouter quelque chose que j'ai vu dans la convolution html et php: link des gens.

Fondamentalement, ce qu'ils font, c'est qu'ils rompent le lien vers l'image ou la vidéo de sorte qu'il est difficile de reconstituer le code (vous pouvez toujours le faire mais cela dissuade tout sauf les plus motivés) ou ils compliquent simplement le lien unique dans la source. (Honnêtement, je viens de remarquer cela au cours des dernières semaines et je ne sais pas trop à ce sujet, juste que cela a rendu difficile pour moi d'obtenir des images sur le site de quelqu'un; P mais j'espère que quelqu'un expérimenté avec cela sonnera)

Si quelqu'un en sait plus et peut donner une meilleure explication, je serais intéressé d'en savoir plus sur la convolution des liens!

Ne téléchargez pas d'images haute résolution sur un site Web qui ne les garde pas cachées et sécurisées. Comme une impression professionnelle et crédible sur site à la demande.

Comme indiqué précédemment, il est impossible d'empêcher les téléspectateurs d'obtenir des images en ligne. Ma propre méthode consiste à mettre mon nom lisible sur eux et à les envoyer dans le monde pour faire de la publicité pour moi.

Ensuite, si quelqu'un veut les utiliser, il peut me contacter pour me demander la permission.