Log in

View Full Version : Picture protection


Ubernoober
07-13-2005, 04:26 AM
First off, lemme say "Woot!" on my first post...~coughs~ Now that that is out of the way, my question is this- I have some pictures that I don't want copied, as they are original drawings.I have a script to block the right click on my picture webpage, but I noticed that CTRL+C works, as well as the little 4 item save/print/send/email box is still there....is there any way to block these? The most important is the box to me, as alot of average users never think to use the CTRL+C option, and if they do, they can probably get it anyway. Any help would be greatly appreciated.
codejunkie
07-13-2005, 05:11 AM
this sounds stupid but its the best and probably the easiest way i could think of, use the image as a link and put the destination the same page so its a constant loop. you can do this by:


<a href="name_of_page.html"><img src="picture_url.jpg"></a>
Twey
07-13-2005, 06:12 AM
You can use
<meta http-equiv="imagetoolbar" content="no" />
in your <head> to disable the image toolbar in IE.
However, it's impossible to do what you ask. If the user can see the images, they've already been downloaded; all s/he has to do is check his/her browser cache. I suggest watermarking them in some way. See here (http://www.research.ibm.com/image_apps/watermark.html). This can be achieved in many popular photo editing suites (Photoshop, the GIMP (http://www.gimp.org)).
IanMarlowe
07-13-2005, 06:24 AM
any way to do that with css, so you don't have to add it to all your web-pages?
Twey
07-13-2005, 06:28 AM
No.
The <meta> tag is an HTML element. You cannot add an HTML element via CSS - CSS merely controls how existing HTML elements are displayed.
You could do it in JavaScript.
IanMarlowe
07-13-2005, 06:34 AM
how can you? but i would like universal changes easily done

I'm lazy ;)
Twey
07-13-2005, 06:42 AM
In an ECMAScript included in the <head>, add
document.write('<meta http-equiv="imagetoolbar" content="no" />');
If you don't already have a script included in your <head>s, you might as well add the meta tag rather than adding one.
IanMarlowe
07-13-2005, 06:54 AM
and the no-rightclick script is? I forgot
Ubernoober
07-13-2005, 03:54 PM
Thanks for all the feedback....I really appreciate the help. The actual one I used was the <meta http-equiv="imagetoolbar" content="no" /> and it worked like a charm. @ Ian, the no right click script can be found here on the site-
http://www.dynamicdrive.com./dynamicindex9/index.html
Dynamic drive rocks.
TheBigT
07-14-2005, 03:36 AM
unless the person goes into the source code and scrolls down you can use this. I use this on some of my pages. I will most likely never remove that transparent 1px image but if I do you should save it to your own server. This pretty much just covers the entire page with a transparent image so if they try to save or copy the image they get the transparent one.


















































<html>
<head>
<meta http-equiv="imagetoolbar" content="no" />
</head>
<body style="margin: 0px; padding: 0px;">
<div style=" position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;z-index: 0;">
TYPE ALL OF YOUR BODY CONTENT HERE<br>
Use this for all of your images
&lt;a href=&quot;name_of_page.html&quot;&gt;&lt;img src=&quot;picture_url.jpg&quot;&gt;&lt;/a&gt;
and give the destination url as the same page that way it keeps reloading
</div>
<div style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1;">
<img src="transparent.gif" style="width: 100%; height: 100%;">
</div>
</body>
</html>
Twey
07-14-2005, 06:02 PM
Clever.
Good thinking, T.
Note, though, that it's still not 100% infallible (as BigT mentioned).
TheBigT
07-14-2005, 09:48 PM
Thanks... it never really hit me until now to cover it with an invisble div.
starlameris
07-15-2005, 06:58 PM
No matter what you do your images can be stolen if you put them online. If all else fails there's still "print screen". As an artist, I empathize with your concerns, but if you want your drawings online you really just have to be willing to take the risk. My only advice is watermarking (which actually, I don't really advise because it screws up your image), or just sticking to small enough images that nothing can be done with them (printing, etc.)

None of the images I put up are ever more than 400 px on the largest size. Usually they're smaller. If you stick to that then the worst anyone can do with your images is stick them on another website.

I do suggest you look into image metadata though. It allows you to invisibly embed your copyright information in an image. This doesn't help if people take screenshots (which is why I never make an effort to keep people from taking the image directly), but if you're ever in a position where you feel you need to take legal action, you have proof of ownership and copyright readily available. I know you can add it in Photoshop. I'm not sure what other programs offer it.
Twey
07-16-2005, 09:14 AM
Watermarking is a very advanced technology nowadays, and if you take some time and effort to do it properly, it won't muck up your image.
As you say, however, watermarking is only good if you notice someone nicked your image. There's really no way to stop people getting at content you've published. A common trick with art and such is to upload only a very low-resolution image; good enough for a preview, but bad enough so that it's not worth stealing.
Ubernoober
07-18-2005, 04:52 PM
I'd be interested in watermarking, and a link to a primer, or an example would be appreciated, as I am not really terribly worried about people looking at my work, but rather claiming credit for it, which has happened twice already. For me, the right click script, and the no save icon is enough for me to stop enough lower/mid level people from ripping my stuff too "easily".
Twey
07-18-2005, 06:50 PM
http://www.psptoybox.com/tuts/psp7/watermark.html
is a start. Uses Paintshop Pro, but can probably be adapted to other photo-editing packages too (I know it works with The GIMP (gimp.org)).
IanMarlowe
07-19-2005, 04:30 AM
but if you can stop the toolbar, whay not make a code like

document.write('<meta http-equiv="Sys Rq" content="no" />');
IanMarlowe
07-19-2005, 04:31 AM
(or at least that's the name of the button on my computer)
Twey
07-19-2005, 06:48 AM
Hehe. It doesn't quite work that way.
The <meta> tag has to be recognized by the browser in order to actually do anything. In this case, it wouldn't work anyway, as print screen is an operating system function, not controlled by the browser.
IanMarlowe
07-19-2005, 06:59 AM
ah....toooooo bad. :(
jscheuer1
08-22-2005, 04:03 PM
focalpointdigitla, your link is broken.
mwinter
08-22-2005, 04:22 PM
focalpointdigitla, your link is broken.LMFAO! Like it matters. :rolleyes: The account, and all of its posts, will be removed within the day. :D

Mike
jscheuer1
08-22-2005, 04:44 PM
LMFAO! Like it matters. :rolleyes: The account, and all of its posts, will be removed within the day. :D

Mike

Sounds good to me!