Impedir que bajen imágenes de tu sitio

En realidad sería dificultar la bajada, ya que hay muchas maneras de conseguir descargar lo que quieras de un sitio. Pero por lo menos esto hará la tarea más dificil.

IMPORTANTE: No olvides poner un index "vacio" en la carpeta donde alojas tu imágenes. En el archivo de ejemplo dejé el index que deberías usar.

Dos maneras:
- Utilizando javascript+un meta para imágenes.
- Usando capas con imagen de fondo.

No hay inconveniente para usar ambas, pero es más fácil utilizar la primera.


- Utilizando javascript+un meta para imágenes.
Debes insertar este código javascript en tu página. Es recomendable llamarlo en vez de insertarlo.

Código: (en el archivo js)


// Desactiva la selección de texto en el body.
document.onselectstart = new Function ("return false");
document.ondragstart = new Function ("return false;");
document.oncontextmenu = new Function ("return false;");


Y entre el head de tu página usas este meta:
Esto es para que no aparezca la barrita de opciones en IE para imágenes.

<meta http-equiv="imagetoolbar" content="no">

Ejemplo utilizando javascript+un meta para imágenes

- Usando capas con imagen de fondo.
Este es más engorroso pero también es utilizado.

Debes usar una capa o div y usar en el "background-image" la imagen que usarás.