1.

Solve : securing images?

Answer»

I saw at some sites, that is was inpossible to copy IMAGES. How do you protect your images on your site against copying?

I did find following scripts :

Code: [Select]<meta http-equiv="imagetoolbar" content="no">that works for IE6
Code: [Select]<body onselectstart="return false"  ondragstart="return false" oncontextmenu="return false">that works against Drag, right mouse click : save as and select

BUT only the first code : meta.... works for firefox. In firefox, you can still drag, or select : then ctrl+c.
I dont know if it works in Opera or netscape.Have you considered using Flash to display your images?

Nowadays, if someone wants to copy an image from your site, it's actually quite simple.  If they're using "no right click", there are ways around it.

The most secure way, I've seen, is to convert your jpeg, gif, etc., etc., images to Flash format.  This is what you're probably experiencing on the other sites you have visited and were unable to copy images from.

Useful link:

http://www.gfx2swf.com/


Hope that helped...You cannot secure an image and prevent it from being copied.  If it displays in a browser, it can be copied.  Even if it's a Flash animation, the user can do a screen capture.

Better protection is provided by watermarks.indeed, watermarks, but if you have over 80 pic's
same for flash... or is there a way to do it all at 1 time?
Well, you could change an image to a link then give it a behaviour.
You could try and make it so that there is a behaviors that will make it so you cannot select the image, and so that if you right click it, a popup box will appear saying that no image options are allowed/available.
Unfortunately, theat won't protect it from a screen capture. Quote

Unfortunately, theat won't protect it from a screen capture.
Nothing will stop a screen capture.

Just go and copyright your site and its images.Let's say someone does use a screen capture to steal an image...it's only good to them if they intend to use the same size image.  If they try to edit it by making it larger...doesn't the image quality degrade, anyway?

Watermarks take away from the image quality, also.

I guess, when you really get down to it...Rob was right...as long as someone has a browser...your images aren't safe.indeed, but whit some of my first protection scripts, it blocks the "non-pro" user. BUT ... there are lots of people using Firefox (INCLUDING myself ). cuz firefox is a new browser, it doesnt understand all JS and/or HTML-commands. So, in Firefox, only your right mouse doesnt work, but you can still drag, cuz firefox can't read the scirpt for anti-drag. So, is there an other script that works in firefox. :-?

PS: i dont have Opera or Netscape, so i dont know if that scripts work in other browsers then IE. anyway, in firefox, it doesnt work

Quote
cuz firefox is a new browser, it doesnt understand all JS and/or HTML-commands.
Sorry miki, but that's absolute tosh.  

For sure, different browsers may handle things slightly differently.  But the big problem here is IE's lack of standards compliance, not a particular shortcoming on the part of Firefox/Opera/Netscape/etc.  A script programmed with IE's (broken) view of javascript in mind may or may not also run in other browsers.  Google "javascript cross-browser compatibility" and you'll find a LOT on this subject.

If you want to get deep into WEB design, then you should learn a programming language like PHP.  With PHP you could generate thumbnails of images, add watermarks, etc, all in real-time, without making any changes to the original image.  Also if you're serious about web design, you could do with downloading all the current browsers and testing your sites on all of them.

Re the comments about image size above: GENERALLY people aren't going to be viewing high-res images in browsers - certainly nothing above screen resolution.  Many photographers display unmarked "thumbnails" of their photographs, but you have to pay to display or DOWNLOAD an unmarked high-res version of the same image.Or just use Photoshop to put a partially transparent watermark dead-center of the photograph. If they want to download and use it then, well, heck, free advertisement for your site!

A sample is below. If this was my website, and someone took a screen capture or something like that, then I wouldn't really care all that much. Like I said: Free advertising!

http://img151.imageshack.us/img151/6619/narrowspx7.jpg (886 KB)


Discussion

No Comment Found