Post: TUT:How to prevent your web images from been copied.
11-26-2010, 06:56 AM #1
*SaM707*
Th3 On3 & OnLy
(adsbygoogle = window.adsbygoogle || []).push({}); Firstly you have to understand that is impossible to stop people to copy your own images, since they are displayed on the browser it’s possible to make a copy of it.
As I said there is no way to stop people to do that but is possible to difficult there task even to the point of their quick from the idea of copy it!
First way, disable the right mouse click on the pages that you have the images to protect ad to do that use this script between <head> and <body> tags on HTML code:

<script language=JavaScript>
<!--function clickIE4(){
if (event.button==2){ alert(message); return false; } }
function clickNS4(e){
if (document.layers||document.getElementById&&!docume nt.all){
if (e.which==2||e.which==3){ alert(message); return false; } } }
if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; }
else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // -->
</script>

Other way to do this is to put oncontextmenu="return false;" on <body> tag, like this:

<body oncontextmenu="return false;">

But these two will not disable the Ctrl C from the browser so this will be efficient with people that do not know that.
However are others way to prevent and if possible to use them all at the same page.

Second way, use water marks on your images:



This is very easy to do with simple image editors, if you don’t like to cover the image you can also assign your images with small letters, if you have edit them on your computer they will keep a digital assign that the program puts on them automatically.





Third way and my favourite, let people copy the wrong image, I use adobe Dreamweaver to do this trick, you need to know how to work with layers on Dreamweaver, you draw a AP DIV and place your image in there and them you create another AP DIV on the top of the last one but on this one you will place a transparent image in .png type to keep the transparency on the browser, So with this when people try to copy your image they will save the transparent one and they will be frustrated and quick.
Note all these tricks can be avoided, remember that is impossible to stop people from coping your images. If they saw them on the browser so its possible.

credits: white angel
(adsbygoogle = window.adsbygoogle || []).push({});
11-26-2010, 07:37 AM #2
helpmeoprah
FormerStaff HATED ON
use a water mark in your images
11-26-2010, 08:02 AM #3
*SaM707*
Th3 On3 & OnLy
Originally posted by helpmeoprah View Post
use a water mark in your images


Sry this was a tutorial for people, i forgot to put TUT in title.
11-26-2010, 08:11 AM #4
CRaZyY
Banned
nice tutorial :y:
11-26-2010, 08:14 AM #5
I use the watermark myself.
11-26-2010, 08:42 AM #6
Drake
<3 SGC
Put the code in
     bb tags, looks better.
11-26-2010, 02:29 PM #7
aZlan
Never come on here anymore
-right click
-view page source

then you can see any link of an image so this tut fails lol
11-26-2010, 04:17 PM #8
view-source:You must login or register to view this content.
11-26-2010, 04:28 PM #9
ZoneHD
Shiver do you lift?
Or put a Anti-Rip across it then if someone wants it ask for teh monies Happy
11-26-2010, 06:20 PM #10
Howdoh
NextGenHoward.
Use a water mark if you have too, its better i think. but good tut anyway.

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo