Maison >interface Web >tutoriel CSS >Comment puis-je rendre plus difficile le téléchargement de mes 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!