Jak zakázat stahování obrázků z webu

Úvodem, ono někomu znemožnit stahování obrázků z webu je celkem nemožné, jelikož existuje opravdu hodně různých kliček, jak si obrázky stáhnout. První ochranou však může být například tento script, který na webu zakáže použití pravého tlačítka.

  document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
  });

document.addEventListener('touchstart', function(e) {
  if (e.target.tagName === 'IMG') {
    e.preventDefault();
    return false;
  }
});

document.addEventListener('touchend', function(e) {
  if (e.target.tagName === 'IMG') {
    e.preventDefault();
    return false;
  }
});

Dále je potřeba přidat ještě toto CSS, jelikož na mobilu to stahovat stále jde, jelikož zde není pravé tlačítko. Jenže i tak to jde obejít, když na iphone obrázek otevřete v nové záložce, tak se následně naskytne opět možnost stáhnout.

img {
    pointer-events: none; /* Zakáže veškerou interakci s obrázkem */
    -webkit-user-select: none; /* Zabrání výběru na iOS */
    user-select: none;
  }