viernes, 10 de julio de 2009

EVITAR COPIAR IMAGEN

Proteger las imágenes publicadas en un blog o web puede llegar a ser muy interesante, sobre todo si son imagenes personales, una de las cosas que tenemos que tener clara es que cuando una imagen se publica en internet podríamos decir que es de dominio público, pero aún así podemos crear una pequeña protección que consiste en deshabilitar el botón derecho del mouse, con esto pondremos un poco más difícil a aquellos que quieran copiar de una forma rápida. Podemos destacar que podremos aplicar este recurso tan solo a las imágenes que nosotros queramos ya que en algún lugar vi una forma de hacerlo pero para todo el blog, cosa que no veo muy útil ya que hay cierto material que se debe dejar copiar. Como sabréis para los que están interesados en posicionar su blog o web la copia está penalizada por google, pero para uso personal creo que es necesaria.

Sin enrollarme mas!!

Lo que deberemos hacer es copiar este fragmento de código allí donde queramos insertar la imagen.

<img src="URL de la imagen" oncontextmenu="alert('Opción deshabilitada');return false" oncopy="alert('Opción desabilitada');return false"/>
Deberéis introducir la URL de vuestra imagen y podréis modificar el texto señalado en azul que será el aviso que se muestre cuando se intente copiar la imagen. Podéis observar un ejemplo justamente aquí abajo. Podéis probar a pulsar el botón derecho del mouse y comprobar que no os permite copiar mi imagen de la maravillosa marge.


43 Comentarios:

dondelohabredejado dijo...

Me parece genial para cuando publico las fotos de mis gatos.
De todos modos, desde el reader sí se pueden copiar. Existe algún modo de dificultar lña coppia desde el reader??
Saludos.

caxitos dijo...

dondelohabredejado al reader? a que te refieres exactamente?, lo único que se puede hacer es deshabilitar el botón derecho del mouse, de todas formas indicame a que te refieres exactamente.

dondelohabredejado dijo...

Yo suelo seguir los blogs por el reader de google, y desde ahí voy al blog si me interesa comentar (y si tengo tiempo).
Como tu blog me ha gustado muchísimo lo sumé en mi reader. Desde ahí la foto sí se puede copiar. No sé si soy clara.
Muchísimas gracias por la enorme paciencia!!
Un abrazo.

caxitos dijo...

dondelohabredejado Ya te entendí, el reader o feed lo que hacen es hacer como una copia de la web para que lo entiendas, tu publicas en tu blog y se crea una copia que no puedes modificar, por tanto lo único que puedes hacer es restringir la copia de tu blog pero la copia no. Por tanto no hay forma de evitar la copia allí. Ten en cuenta que la mayoria de visitas de un blog o web proceden de los buscadores como google, por tanto esta forma de evitar la copia es un método bastante efectivo.En mi caso por ejemplo mas del 80% de la visitas proceden de buscadores. Un saludo espero haber resuelto tu pregunta.

SadlyMistaken dijo...

ains que bien, esa seguridad mola...
lo malo es si presionan ImpPnt del teclado, y se llevan la imagen al Paint por ejemplo (Captura de pantalla quiero decir).... pero claro, no creo sea posible deshabilitar un botón del teclado... ¿O si se puede?

caxitos dijo...

SandlyMistaken Jeje no te pases:) Ten en cuenta que la resolución con con la que lo guardas de esa forma es bajisima, no te permite apenas manipular la imagen a parte ten en cuenta que tu blog es público creo que deshabilitando la opción de copia es suficiente;)

Anónimo dijo...

DUDA:

No acabo de entender bien eso de si se pueden copiar imágenes de Google (sobre lugares, poblaciones u objetos, no fotos de personas físicas) a los blogs.

En algunos sitios leo que NO, si se copian a páginas webb de empresas o con fines comerciales, etc.

En otros sitios leo que SÍ, pero que anotando la URL de la foto.

En otros que...???

caxitos dijo...

Anonimo Correcto la copia de imágenes personales esta penado, lo único que es totalmente legal es realizar enlaces a imágenes de la fuente original. La ley es así pero al final como siempre cada uno hace lo que le viene en gana.

caxitos dijo...

Blanca Es muy sencillo, el código debes insertarlo de la siguiente forma:

Cuando haces una entrada tienes 2 pestañas una que dice Redactar y justamente al lado otra que dice Edición de HTML, será alli donde debes insertar el código. La URL de la Imagen la puedes conseguir subiendo la imagen a tinypic, tienes el enlace en la barra lateral de mi blog en UTILES->SERVIDOR DE IMAGENES. Espero tengas algo mas claro, ya me contaras.

caxitos dijo...

Hoy levanté y me encontré con una grata sorpresa, un personajillo que indignado por su posición en los buscadores hace una acusación más que evidente hacia este espacio. Me gustaría decir que su comentario lo borré directamente ya que la gente prepotente y aburrida no es bien recivida en mi!! Blog Simplemente no quiero entrar en disputas pero me parece muy fuerte que alguien que copió el diseño de mi blog haga acusaciones de este tipo. Si aburres a tus seguidores no es problema mio. Te recomiendo que no seas tan listillo estudies un poco mas y entiendas que las cosas no se consiguen intentando infravalorar a los demás.Un saludo Ivan!!

dondelohabredejado dijo...

Lamentablemente hay gente que no sabe construir y entonces intenta destruir lo ajeno. La envidia y el resentimiento anima a estas pobres personas que no pueden ser felices dentro de su mediocridad.
No merecen que se les de la más mínima importancia, y un comentario nacido de la estupidez no puede hacer daño.
Creo que vos sabés muy bien el modo en que hacés las cosas y quienes te leemos lo recibimos así y agradecemos tu generosidad.
Que tengas un muy buen fin de semana.
Un abrazo.

Anónimo dijo...

y como hago para evitar que clicando con el izquierdo se habra la foto?

graciasss

Anónimo dijo...

¿cómo le hago para que no puedan copiar el fondo de mi blog,? solamente el fondo Gracias, me gusta tu blog :)

caxitos dijo...

Anonimo Te agradeceria dejaras la dirección de tu blog ya que es mas facil para nosotros ver concretamente que es lo que queréis exactamente:

Te comento:
Lo que puedes hacer es desactivar el boton derecho del mouse en todo tu blog, de esta forma no podrán copiarte nada. Esto lo puedes hacer de la siguiente forma:

Busca en tu plantilla <body> justmamente debajo copia el siguiente fragmento de código:

<script language="Javascript">
document.oncontextmenu = function(){return false}
</script>

Si lo que quieres es solo el fondo lo podrás hacer copiando el código de la entrada. busca body {

el atrbuto background-image: representa la imagen de fondo de tu blog, será alli donde tendrás que añadirle la restricción. Prueba lo que te comente y me cuentas como fue, recuerda dejar el enlace de tu blog un saludo.

Anónimo dijo...

Gracias por responder tan pronto!, pues mira este es el link de mi blog, muy pronto lo trasladaré a otro y pues espero que si me puedas ayudar a obtener el código para que no puedan copiar el fondo del blog ya pude hacer que no copien las imágenes y bloquear el click secundario, ya lo quité, pero eso no es lo que quiero, sólo quiero bloquear el fondo :'( Espero me puedas ayudar y otra cosa, ¿cómo le hago para aparecer en google? bueno MUCHAS GRACIAS! http://lunaeterna-larosadelosvientos.blogspot.com/

Anónimo dijo...

Para copiar la foto no es necesario utilizar el botón derecho del ratón. Selecciona la foto con el ratón (de izquierda a derecha, como si seleccionaras texto) y pulsa Control C. Luego te vas a cualquier procesador y la pegas. Ya está copiada...

caxitos dijo...

Anonimo... A ver..... el control C es la abreviatura de copiar... por tanto como está explicado lo que se desactiva es la opción de copiar por lo que no se podrá copiar ni con control C ni con el ratón botón derecho... etc.
Prueba a copiar con Control C la imagen que puse de prueba y verás que no se puede.
Saludicossss

Anónimo dijo...

A ver... si lo comento, es porque lo he hecho... pegándolo tanto en un word antes de dejar el comentario, como en el block de notas después de tu comentario (esta vez parte del texto y la imagen de Marge). Has probado a hacerlo antes de decirme que no se puede?

Saludos.

caxitos dijo...

Anonimo Tienes toda la razón.. uso el openoffice y me pareció que no estaba la opción de pegar pero lo comprobé y si que sale.., tan solo se desactiva el botón del mause, si nos ponemos a copiar.. también lo podemos hacer con Impr pt y recortando la imagen.. unicamente se trata de poner travas, si se quiere copiar se copia. Lo común es ponerle una marca de agua a las imagenes que no quieres que te copien.

Jonas Official Princess Team Fans Club dijo...

SABES COMO ELIMINAR, SOLAMENTE, LA OPCION COPIAR?? ES DECIR, SIN DESACTIVAR EL BOTON DERECHO, PARA QUE PUEDAN SEGUIR USANDO LA OPCION DE ABRIR EN PESTAÑAS!

caxitos dijo...

Jona Official Buenas, le comentamos que la unica forma que existe para evitar 'copias' es desactivando botones, ya sean del mouse o del teclado. Realmente como poder se puede lo que comentas pero la implementación seria sumamente complicada ya que tendria que contemplar cada una de las partes del blog o web y seria sumamente complicado de controlar, se deberia actualizar el codigo a menudo lo cual no termina de ser funcional.

Inés dijo...

Hola.
Ese codigo es para bloquear el boton derecho de todo el blog? o solo de las imagenes?
yo solo quiero bloquear las imagenes anda mas

Isabel María dijo...

Tengo una duda. Yo no suelo subir las imagenes desde una url, lo que hago es que las cargo desde la carpeta de imagenes que tengo en mi escritorio. Como puedo evitar que las copien de igual manera?

Anónimo dijo...

Estuve investigando sobre este tema y por lo que veo no es posible hasta ahora evitar la copia. Se pueden dar soluciones parciales (y creo que apelando al desconocimiento de algunas personas de herramientas sencillas). Recurriendo al código fuente o por Firebug se encuentra que el link a la imagen que bloqueaste es http://i31.tinypic.com/2n6dite.jpg y desde ahí es totalmente posible copiar porque se saltea el código de protección. Tal vez en algún momento aparezca una solución, pero aparentemente todavía no hay una. Igualmente muchas gracias por el aporte; creo que todos los intentos son válidos. Saludos!

caxitos dijo...

Anonimo Tienes razón, lo único que intentamos es poner algunos obstaculos para que no sea tan fácil copiarlas pero está claro que hay millones de formas de hacerlo. Muchas gracias por tu aportación.

Inma dijo...

EStoy haciendo un blog y me gustaría saber si puedo copiar fotos de internet por ejemplo de marcas de botas, de actrices, fotos de revistas ect, me gustaría saber que es legal copiar y que no, gracias.

caxitos dijo...

Inma Para que te hagas una idea el resumen sería.. todo es ilegal hasta que alguien diga lo contrario. Como todo.. a no ser que te convirtieras en la creadora de algo tipo facebook, google, yahoo... nadie te va a buscar así que si quieres compiar imagenes te diri que tampoco te lo pienses mucho, todo el mundo lo hace y apenas nadie utiliza los terminos legales. Es cierto que hay un buscador que no recuerdo como se llama!! que es de imagenes con permisos para descarga. Buscalo y sino intentare aciordarme y te lo dire.

Un saludo

Anónimo dijo...

Es muy facil de copiar, mira aca la tenes http://i31.tinypic.com/2n6dite.jpg No tarde ni 2 segundos. Algo mas efectivo?

caxitos dijo...

Anonimo!! Evitar copiar la imágen por completo es imposible!!! Si te das cuenta simplemente con el Impr pantalla se puede hacer recortandola posteriormente, unicamente esta forma es para poner obstaculos ya que no todos son tan expertos como para hacer determinadas cosas simplemente para copiar una imágen. La forma segura de que no te la copien es no subiendola a Internet, en el momento que cuelgas tu imágen queda a disposición de todo el mundo.

Carmen Marcos dijo...

Contestando a Inma sobre lo que es legal y lo que no:
Verás, aunque te dicen aquí mismo que "nadie te va a buscar, así que si quieres copiar imagenes te diré que tampoco te lo pienses mucho, todo el mundo lo hace y apenas nadie utiliza los terminos legales", te aseguro que no es así y que luego te puedes llevar un buen disgusto si alguien te reclama.

Fundamentalmente, todas las imágenes tienen derechos de autor. ¿Qué quiere decir esto? Pues que alguien lo ha dibujado o lo ha fotografiado y es la única persona propietaria de lo que ha hecho, por lo que puede decidir a quien le permite reproducirlo, de qué manera, donde y a cambio de qué, y esto es así por ley. Por lo tanto, si de una imagen se obtiene un beneficio económico (por ejemplo, para vender camisetas) se ha de contactar con su autor y negociar un precio en los que ambos estén de acuerdo.

Si las imágenes solamente se quieren para cualquier cosa que no tenga un beneficio económico, como es tu caso -me parece-, lo más correcto es pedir permiso a su autor para poderlo reproducir y, a cambio, se suele añadir un link a su web o blog.

Espero que hayas salido de dudas,Inma.
Un saludo.

Fantasía dijo...

Amigo, gracias por ese código para evitar que copien la imagen. Por favor si sabes cómo puedo aplicar eso mismo a un TEXTO, oseas que tanto el texto como la imagen no puedan ser copiados por el botón derecho del mouse!!

caxitos dijo...

Fantasia Bonito nombre! Bueno el tema de evitar copiar texto como dices la verdad que es un tema complejo... es decir podriamos buscar alguna alternativa pero por ejemplo no puedes ir por este lado ya que lo que se hace con esto es desactivar el botón del mouse, en cambio si desactivaras el mouse para evitar copiar texto la web o blog quedaría inservible.
Si estás interesada avisame y intentamos centrarnos en el problema en concreto, es decir no es lo mismo intentar solucionar eso para un texto en concreto que para todos los textos.
Un saludo.

eMe dijo...

Lo he puesto en las fotos de mi blog y despues de un tiempo me di cuenta que si llegan a la fotografía a través de "google imágenes" el botón derecho no queda deshabilitado en la vista antes de entrar al blog. Hay que creer o reventar, si no quieres que te "copien" no debes mostrar tu trabajo a nadie...

Noe dijo...

Mi problema es el siguiente, de deshabilitado la opcion de copiar y todo eso pero si simplemente clicas en la imagen se te abre en grande y despues ahi si ya puedes volver a copiar. Hay alguna solucion a esto, para que no se me abra?gracias

caxitos dijo...

Noe No se si habrás solucionado el problemilla, comentarte que lo que se comenta en este post es poner impedimentos para copiar las imagenes pero hay que tener en cuenta que una vez que publicas algo pasa a ser público. Si sigues con el problemilla avisame y vemos como lo podemos arreglar. Un saludo de Lunes!

Anónimo dijo...

Hola te queria hacer dos preguntas ya entendi que el codigo hay qe copiarlo en htllm o como sea , pero no entneidno en qe parte de todo eso lo pongo , otra cosa tenes idea como se hace que al pasar el cursor las letras se agranden?

Anónimo dijo...

error la imagen se puede segir copiando...solo tienes que arrastrarla hacia la barra de navegacion del navegador y esta llamara al directorio donde esta alojada en el server de esta manera se podra copiar...todo lo que pusieron es al choete

Anónimo dijo...

Hola
Este sistena no es nada fiable!!
Simplemente desactivando javascript puedes copiar todas las imagenes que quieras sin que salte la alerta, y si das click derecho-guardar como (con el Jscript desactivado) se te descargan todas las images.Tambien click derecho--inspeccionar elemento y ves la ruta absoluta hacia la imagen, sin proteccion de copia de ningun tipo

Y sobre capturar pantalla, se puede hacer con mas resolucion!

Moraleja:Hagas lo que hagas te copiaran la imagen, lo unico que te salvara son las marcas de agua bien echas.

Saludos!

Publicar un comentario en la entrada

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.