Protect your images
I'm working on a site that has lots of images for sale. We want to protect the images from being stolen via right click. This way she will get paid for the images that we put on the site.
There are basically 3 ways to protect your images from being pilfered.
1. Put all of the images into the same directory and add a disallow to your Robots. txt file
For example. move all of the images into a directory called /images/ on your server.
Add the line to your robots.txt file in Google Webmaster tools
Disallow: /images/
This tells the search engines not to index the images folder and provides a layer of protection, savvy internet users bent on finding these image can still access them.
2. Disable Right click on your pages. This can be annoying for people as it doesn't allow any right clicking on the site and can result in just making people annoyed with you.
The best way I have found to implement this is to add this code to your site inside the opening body tag. oncontextmenu="return false;" so the code changes from this <body> to this <body oncontextmenu="return false;">
As stated before, you probably won't want to do this but I thought I would include it to show you that it can be done.
My favorite Option
3. Overlay your image with a transparent .gif. Then when people try to right click and grab the image they just end up with a transparent file and no image.
Insert your image in WordPress and go to the text editor.
What you will do is to add an absolute image location to the first image then add a second image with the same location into the same div
You will need to know the location of the cover image inside your wordpress files, upload the transparent image and then find the location by going into the Media editor and opening the file, you will find the location on this page. The location of the image goes after src=" in the code above.
I know that this is over some heads. If you need additional instructions, feel free to ask below, I can provide a tutorial with more information if you think this would be beneficial.
Recent Comments
62
Once I resolve my current image issue, I would like to do this with some of my images. I have saved your post. I like option 3 the best! I don't think people would want my images so badly that they would bother with doing a screen shot...lol..so that doesn't concern me. Thanks so much for sharing this. ~ Jude
Hey Labman...another scoop of good stuff. Yes, I think many of us will need to protect our images especially when we take our own shots. And, yes, it is totally over my head at this time, but I'm chewing up the instructional vids and will be ready one day soon. A tutorial on the transparent .gif would be an excellent gift to the WA community.
Thanks for being such a techno-whiz.....my fondest hope is to be able to give back to the new folks at WA once I become proficient at all this. And we thank you for your generosity.
Suz the GatorGal
Please add a tutorial!! All the pics on my site are from our vacations so I'd like to protect them.
While I understand some of this, a lot of it is "greek" to me. Tutorial please! Thanks for the information. I may need it in the near future.
It is.......but I'm saving it for future reference. I may have some images that I'll need to protect. Thanks!
Yes, a watermark is the 4th option, this is usually the way images are protected online, I think watermarks are tacky but they do keep people from using the images.
See more comments
yeah! it is over my head haha! but i'm sure people would love that information for their sites.