Maison >interface Web >tutoriel CSS >Comment puis-je rendre plus difficile le téléchargement de mes images ?

Comment puis-je rendre plus difficile le téléchargement de mes images ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-12 16:58:02774parcourir

How Can I Make It Harder For People to Download My Images?

Protéger les téléchargements d'images : au-delà des techniques standard

Bien qu'il soit impossible d'empêcher complètement les téléchargements d'images, vous pouvez prendre certaines mesures pour compliquer le processus et découragez les utilisateurs occasionnels de télécharger vos images. Voici quelques techniques supplémentaires au-delà des superpositions transparentes et des images d'arrière-plan CSS :

Supprimer l'option du menu contextuel

En utilisant CSS, vous pouvez empêcher les utilisateurs d'enregistrer des images en supprimant l'option "Enregistrer Image" dans le menu contextuel du clic droit. Cela laissera le reste du menu contextuel accessible :

img {
    pointer-events: none;
}

Désactiver le glisser-déposer

Une autre option consiste à désactiver le glisser-déposer pour les images. Cela empêche les utilisateurs de glisser-déposer des images sur leur bureau ou à d'autres emplacements. Vous pouvez le faire avec le code jQuery suivant :

$(document).on('dragstart', 'img', function(e) {
  e.preventDefault();
});

Masquer l'URL de l'image

Pour qu'il soit plus difficile pour les utilisateurs de déterminer l'URL directe d'une image, vous pouvez le masquer du code source de la page. Ceci peut être réalisé à l'aide de scripts côté serveur ou de fonctions JavaScript personnalisées.

Images en filigrane

L'ajout de filigranes à vos images peut dissuader les personnes de les utiliser sans autorisation. Un filigrane visible superposé à l'image la rendra moins attrayante pour une utilisation non autorisée.

Exemple de code :

<img src="http://placekitten.com/600/450" ondragstart="return false;" />

Ce code combine les techniques ci-dessus pour désactiver le glisser-déposer et supprimez et empêchez les téléchargements d’images.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn