📌  相关文章
📜  Désactiver le hotlinking de vos images - CSS (1)

📅  最后修改于: 2023-12-03 15:00:24.282000             🧑  作者: Mango

Désactiver le hotlinking de vos images - CSS

Le hotlinking est une pratique où une personne utilise directement l'URL d'une image hébergée sur votre site web pour l'afficher sur son propre site. Cela peut entraîner une utilisation excessive de votre bande passante et une diminution des performances de votre site.

Pour éviter le hotlinking, vous pouvez utiliser du CSS pour restreindre l'affichage des images uniquement à votre site web. Voici comment vous pouvez le faire :

  1. Créez un fichier CSS dédié pour gérer les règles de désactivation du hotlinking. Vous pouvez l'appeler no-hotlinking.css ou tout autre nom de votre choix.

  2. Dans ce fichier CSS, ajoutez les règles suivantes :

/* Désactiver le hotlinking de vos images */
body:before {
  content: "";
  display: none !important;
}

/* Remplacer les images hotlinkées par une image générique */
body:after {
  content: url("chemin/vers/votre/image-generique.jpg");
}
  1. Enregistrez le fichier CSS et incluez-le dans le <head> de vos pages HTML. Assurez-vous que le chemin vers le fichier CSS est correct.
<head>
  <link rel="stylesheet" href="chemin/vers/no-hotlinking.css">
</head>
  1. Modifiez le chemin chemin/vers/votre/image-generique.jpg pour pointer vers une image générique que vous souhaitez afficher à la place des images hotlinkées. Assurez-vous que cette image est accessible depuis votre site web.

En suivant ces étapes, vous pouvez désactiver le hotlinking de vos images sur votre site web. Les images hotlinkées seront remplacées par une image générique spécifiée par vous.

Assurez-vous de tester cette solution pour vous assurer qu'elle fonctionne correctement sur votre site web. Il est également recommandé de mettre en place d'autres mesures de sécurité pour protéger vos images, telles que la protection par mot de passe ou le verrouillage de répertoires.