Como hacer para que no se seleccionen las imagenes en mi web

choquii · #1 (**permalink**) 05/10/2011, 15:55

Hola estoy con el tema del diseño web.. trabajo con firework dreamweaver.. photoshop.. hago menus.. fondos etc.. pero la verdad es que a la hora de hacer una pagina web siempre me surgio la duda de como se hace para que no se puedan seleccionar las imagenes que estan como menu.. o fondos de divs, logos etc.. me ayudaria mucho saber como se hace... y si tiene que ver con el diseño de webs con el programa Flash..saludos!

Artificium · #2 (**permalink**) 05/10/2011, 16:02

A qué te refieres con que no se pueda seleccionar? te refieres a que nadie pueda bajarse esa imagen y usarla en lo que quiere? Si es eso lo que quieres evitar, pierdes tu tiempo, no se puede. Lo más que podrías hacer es ponerle una marca de agua con algún logo. Suerte!

masclet · #3 (**permalink**) 06/10/2011, 02:16

Recuerdo que existe un script en javascript que impide que se pueda hacer clic en el botón derecho para guardar las imágenes.

Hace muuuuuchos años, lo utilicé, pero permiteme que te diga, que lo quité porque por un lado es una tontería, y por otro es molesto.

Estamos en internet y aquí todo está al alcance de todos.
Como bien te dice artificium, si son imágenes propias con derechos de autor, lo mejor es poner una clausula de protección y una marca de agua

choquii · #4 (**permalink**) 06/10/2011, 08:22

No no.. osea no que no se pueda guardar la imagen.. sino supongamos que yo tengo un div.. y ese div tiene un fondo.. poder agarrar y arrastrar esa imagen..( no quiero que pase eso) o supongamos un logo.. o un menu.. vieron que el menu esta compuesto de imagenes.. ok no quiero que se pueda seleccionar eso..

ibericamultiweb · #5 (**permalink**) 06/10/2011, 12:11

Hola amig@
Pues hoy en día eso es perder el tiempo, porque o bien te pueden hacer un pantallazo de tu web, recortar y pegar desde photoshop, o desde one note, por lo que es mejor hacer politica de privacidad, registrarlas o poner marca de agua.

Un saludo

perrucis · #6 (**permalink**) 06/10/2011, 23:46

o puedes poner la imagen como fondo de una tabla y solo seleccionarían la tabla pero no la imagen o.O

Dreamweaver: Inspector de etiquetas > Atributos > Especifico del navegador > background > Seleccionas imagen
y si quieres mantener el tamaño de la tabla al tamaño de la imagen nadamas le pasas el ancho y alto

pero si lo que quieres es que no te la puedan copiar tendria que bloquear el boton derecho pero = harian imprt pant

juanito1712 · #7 (**permalink**) 10/10/2011, 23:14

me da la impresión de que no te estan respondiendo lo que pedias

si lo que quieres es evitar no el hecho de copiar sino el de seleccionar en si(que no aparezca el recuadro azul al seleccionar texto, que no arrastren las imágenes) prueba con esto
http://www.cherrylandia.com/evitar-seleccion-texto

pero úsalo con cabeza, si es algo que vaya a mejorar la usabilidad de la web no lo dudes, pero si es algo que quieres hacer para evitar que te cojan contenido no pierdas el tiempo, quizá a algún novatillo eches para fuera, pero quien necesite cojerte cosas, sabrá como cojer lo que quiera, por mucho que bloquees.

Tedel · #8 (**permalink**) 11/10/2011, 15:47

Simplemente ponlo una capa más atrás y luego pon un gif transparente encima. Solo podrán seleccionar el gif transparente.

Nota: No es recomendado hacerlo, pero igual te permitirá hacerlo.

cmeraz · #9 (**permalink**) 11/10/2011, 23:20

Se exactamente que es lo que estas buscando.
No es que quieras proteger las imagenes del sitio para que alguien las robe, lo que quieres lograr es mas bien un sentido de usabilidad mayor al no confundir al usuario a la hora de arrastrar una imagen de fondo o menu.

Lo que debes hacer es evitar el <img src=# />, te sugiero que al div le des una clase para editarla en CSS o en su defecto darle una propiedad de background-image... algo asi:

Código HTML:

Ver original<div style="background-image: url(../imagenes/img.jpg);" />

Esto lo hace un poco mas complejo, porque hay que darle propiedades de ancho y algo segun la imagen y en ocasiones hay que utilizar los posicionamientos en px de la imagen, te recomiendo que utilices esta instruccion junto con un width, height, y con un overflow:hidden.

furoya · #10 (**permalink**) 12/10/2011, 16:27

También se podría evitar la selección, simplemente.

Evitar el copiar y pegar en un input

No seleccionar texto

Los ejemplos están para texto y no sé qué tan compatibles sigan siendo.

furoya · #11 (**permalink**) 15/10/2011, 08:26

Moooooomento.

Me había olvidado de ésta :

¿Qué alt poner a una imagen puramente estética? #23

No lo probé en los últimos navegadores, pero seguro que ya funciona en todos. Lo que no puedo asegurar es que no se pueda seleccionar en todos. Hay que ver.

choquii · #12 (**permalink**) 18/10/2011, 08:23

Muchisimas gracias a todos!! Las ultimas respuestas fueron lo que yo buscaba!! Saludos a todos.. si a alguien le interesa hablar sobre diseño web y demas le dejo mi email [email protected] saludos!!

furoya · #13 (**permalink**) 18/10/2011, 08:50

De nada, choquii. Me alegra que el tema te haya servido y te agradezco la valoración.

Pero no hace falta el correo, podemos debatir aquí mismo, aprovechando que es un Foro.
De hecho, no está bien visto que se invite a hacer aportes fuera del sitio, pero seguro pusiste tu dirección porque no lo sabías.

Saludos
furoya

diegoalvarezb · #14 (**permalink**) 18/10/2011, 16:26

Pues yo lo que utilizo siempre e una imagen como spacer.gif para evitar que el contenido superior se grabe. tengo un ejemplo aquí

[URL="http://www.diego.com.ec/marcos"]http://www.diego.com.ec/marcos[/URL]

El logo en la parte superior está oculto detras de un blank gif
http://www.diego.com.ec/marcos/images/blank.png

furoya · #15 (**permalink**) 20/10/2011, 09:40

No es cierto, diegoalvarezb. Tu logo está puesto como fondo de una caja. Esa opción ya la dieron más arriba. Y la de taparlo con una capa transparente, también.

No uso editores WYSIWYG, así que no puedo estar seguro porque en un Notepad la imágenes no se pegan de ninguna forma, pero creo que es así, la imagen de fondo no aparece al pegar la selección. Le quité la capa transparente a tu logo usando la consola de Chrome (espero que haya funcionado) y copié para pegar en un Word. Y no pasa. Por eso digo que es consecuencia de usarla como fondo. Usando "Seleccionar Todo" tampoco (eso lo probé con IE, porque en Chrome la opción no la encuentro).

En fin, son inventos. Hay que seguir probando para ver que encontramos sobre este asunto y la mejor manera de evitar la copia de lo accesorio. Pero tratemos de leer antes, para no repetir siempre lo mismo. ¿Sí?.