Evitar descarga de fotos

Hola @patriquin

Se puede conseguir con CSS:

img { pointer-events: none; }

Esta propiedad indica que el puntero del mouse no interactúa con la imagen, lo que significa que no se puede hacer clic derecho ni arrastrarla.

Limitaciones:

• No funciona en todos los navegadores: Algunos navegadores más antiguos no admiten la propiedad pointer-events.
• Afecta a la interacción con la imagen: Al deshabilitar los eventos del puntero, también se deshabilita la posibilidad de hacer zoom o ver la imagen en una nueva pestaña.

También se puede hacer con Javascript, usando el evento dragstart:

JavaScript
document.querySelectorAll("img").forEach((img) => {
  img.addEventListener("dragstart", (e) => {
    e.preventDefault();
  });
});

Esto funciona bien en navegadores modernos y permite interacción con la imagen (aunque quizá no quiereas que se interactúe).

Yo usaría la solución CSS y, en todo caso, añadir algo de Javascript para navegadores antiguos:

document.querySelectorAll("img").forEach((img) => {
  // Detectar navegadores antiguos que no admiten pointer-events
  if (window.CSS && !window.CSS.supports("pointer-events", "none")) {
    img.addEventListener("dragstart", (e) => {
      e.preventDefault();
    });
  }
});

Espero que te sirva. Si es así, recuerda cerrar este hilo.

Saludos.