HTML & CSS fail - how to make image unsavable?

[Morphie]

never mind it....

[ishkey]

Please post smaller screen shots next time.
To answer your question - you can not in css/html. As it is on the client side.

[Osman]

there are many ways to save an image from a web page.

right-click --> save
turn off right-click: <img src="..." onContextMenu="return false" />

drag into address bar --> save
turn off dragging: <img src="..." onDragStart="return false" />
(this one wont work in firefox, there is another way to do it in firefox)

hover over image --> save with microsoft's image toolbar
turn off image toolbar: <img src="..." galleryimg="no" />

print screen --> paste in image software --> save
err...thats more complicated. you'd need a key listener.

of course, it would be a lot easier if you displayed the image in a java applet.
you could stop any way of saving it. but thats for a different forum :P

[Mansy]

Adding watermarks is the only way to prevent people from using your image as their own, as r_t says. Or at least to discourage them, because if someone really wants the picture, a bit of image manipulation will clean it up just fine.... Still they will make the job tougher and discourage most users - just be careful to not make watermarks too obtrusive, as they can detract from the overall impression your image gives.

If you insert the image into the css code as a background, instead of inserting it in HTML as 'img src', people will not have the option to save it on right-click - so you don't need any special code to disable the right-click option. But don't forget that if people really want an image, they will either save the file (again as r_t pointed out) or will simply press the 'print screen' button and save the image that way..... so the only way to truly protect something is not to put it on the web.

[CovertPea]

so the only way to truly protect something is not to put it on the web.

THAT says it all!