¿Es posible evitar la descarga de imágenes al diseñar un sitio web?

Supongamos que desea proporcionar imágenes de muestra de alta calidad en su sitio web, pero también desea protegerlas de la descarga, ya que puede verlas en la pantalla pero no puede guardarlas desde el sitio web.

¿Hay alguna forma de hacer esto?

Editar: Esto no es algo que deba hacer, pero según un método en las respuestas, vi que el clic derecho estaba deshabilitado en un sitio web y estaba interesado.

Para todos los efectos, esto es francamente imposible .

• Puede deshabilitar el clic derecho, pero las personas aún pueden ver el código fuente de su página (agregando view-source:a la URL en Chrome, o simplemente usando un menú del navegador) y encontrar la URL.

• Puede usar un CSS en background-imagelugar de HTML <img>, pero las personas aún pueden usar el inspector de su navegador (F12 para la mayoría de los navegadores) y encontrar las propiedades CSS de ese elemento.

• Puedes diseñar una locura que creas que funcionará, pero al final del día, el usuario tiene que descargar la imagen de alguna manera para verla. Si el usuario no puede descargar la imagen por completo, ¡ni siquiera podrá verla en primer lugar! No importa lo que haga, nada impedirá un simple vistazo a un monitor de tráfico de red o la pestaña "Red" de las herramientas de desarrollador de su navegador favorito.

El pomo de la puerta tiene razón; Es imposible evitar que los usuarios descarguen la imagen. Cualquier salvaguarda que establezca puede ser omitida. El bloqueo Right Clickse frustra fácilmente deshabilitando JavaScript (o modificando el script si es necesario).

Sin embargo, puede emplear otros métodos para proteger sus activos. La marca de agua es una forma de proteger sus imágenes con derechos de autor. Echa un vistazo a cualquier sitio web de fotos de archivo para ver cómo lo hacen:

iStockPhoto (arriba), por ejemplo, ofrece a los usuarios la posibilidad de acercar y ver los detalles de una imagen. Su marca de agua se escala con el zoom. Es lo suficientemente discreto como para permitir que las personas analicen la imagen, pero lo suficientemente prominente como para mitigar el robo.

Como otros han señalado, es imposible. Los métodos comunes como deshabilitar el clic derecho, usar el fondo CSS y otros scripts son bastante fáciles de evitar. El usuario simplemente puede tomar una captura de pantalla de su sitio web y luego recortar la imagen.

Creo que la marca de agua de la imagen es una forma mucho más efectiva. Esto se puede hacer manualmente (usando Photoshop, Gimp u otras herramientas), o automáticamente usando un script. Al final, depende de cuántas imágenes desee proteger y de cómo se construya su sitio web.

PHP
Aquí hay un pequeño script PHP que puede marcar cualquier imagen antes de que el usuario la descargue: http://andrecatita.com/code-projects/php-automatic-image-watermark/

Joomla
NiceWatermark es un complemento altamente configurable que agrega una marca de agua a sus imágenes automáticamente.

WordPress
Image-Watermark le permitirá marcar imágenes de agua durante la carga o marcar imágenes existentes.

Sin embargo, podría hacer que las cosas sean más difíciles de usar para un usuario al dividirlas en secciones / porciones de imágenes más pequeñas.

En la página se vería como una imagen, pero se puede dividir en seis partes. Si se determinara que alguien tiene una copia, no evitará que recombinen las imágenes una vez descargadas. Además, no se vería tan bien en una conexión más lenta, ya que la carga de la imagen puede estar fragmentada o, peor aún, podrían faltar una o más secciones.

Como otros ya han respondido, es imposible evitar que un desarrollador copie la imagen, pero puede hacer que sea mucho más difícil para los usuarios normales.

Aquí resumí las respuestas de otros y agregué otras opciones que conozco.

1. Bloquear clic derecho -> guardar imagen.

   • Bloquear clic derecho con javascript
   • En lugar de la etiqueta img, use la propiedad de fondo CSS.
   • Coloca una imagen transparente de 1x1 sobre la imagen real, de modo que cuando el usuario haga clic derecho en guardar, obtenga la imagen transparente.

2. Evite que las herramientas de desarrollo obtengan la imagen dividiéndola en varias imágenes (Respuesta de Nick J Adams). Esto puede ser muy tedioso de hacer manualmente. Nick también ha mencionado los inconvenientes como descargas más lentas e imágenes rotas si una parte no se puede descargar.

3. Evite capturas de pantalla usando Flash para presentaciones de diapositivas de imágenes. Algunos sitios web de fotografía que conozco usan Flash para presentar fotografías. Pero tenga en cuenta que flash no funciona en dispositivos móviles.

4. También puede evitar capturas de pantalla utilizando una marca de agua. Aquí no bloqueamos el acceso a la imagen en absoluto. Verifique la respuesta de Johanpw para algunas bibliotecas.

Doorknob, JohnB y johanpw tienen buenas respuestas, quería agregar algo que he visto en html y php: convolución de enlaces.

Básicamente, lo que hacen es romper el enlace a la imagen o al video para que sea difícil reconstruir el código (aún puede hacerlo, pero disuade a todos menos a los más motivados) o simplemente complican el enlace único en la fuente. (Honestamente, acabo de notar esto en las últimas semanas y no sé demasiado al respecto, solo que me dificultó obtener imágenes del sitio de alguien; P, pero espero que alguien con experiencia en esto intervenga)

¡Si alguien sabe más y puede dar una mejor explicación, me interesaría aprender más sobre la convolución de enlaces también!

No suba imágenes de alta resolución a ningún sitio web que no las mantenga ocultas y seguras. Como un sitio de impresión bajo demanda profesional y creíble.

Como se dijo anteriormente, es imposible evitar que los espectadores obtengan imágenes en línea. Mi propio método es poner mi nombre legible en ellos y enviarlos al mundo para anunciarme.

Entonces, si alguien quiere usarlos, pueden contactarme para pedir permiso.