Protecting images on your website by code.
As I mentioned in my previous blog that you have to make some editing on your downloaded images (and even the created ones) in order to prevent from illegal copy.
Here I'm going to mention some tricks with the code, that could keep away a curious amateur who is trying to copy your photos...
1- To disable the image tool bar on your internet browser you can use this meta tag in the head part of your HTML...
2- To disable the right click on a whole page with no message, add this to the body tag on your HTML...
3- To disable the right click on a whole page with message alert, put this script in the head of your HTML...
4- To prevent from image drag in a new window or any direct right click to save, put the image as a background of a tag and put a transparent GIF pixel as a front image (of course dimensioned the same as your image on the background).
5- Use PHP embed images... Various ways of making code.
6- Use Adobe flash to browse images so they won't be copied with any kind of right click or page source...
7- This is the strongest one! Use an encrypting program that can encrypt all your code and with options like disable printing and Print Screen button.
(I had a demo from a computer magazine called HTML Guardian and it really works! White sheet of paper came out when I sent the page to print...)
* Attention that the first 6 are breakable!
I just mentioned them to prevent from any amateur as I said before :)
The 7th I still didn't find a way to break it :))
If you know any other way to prevent images by code, please post it here...
Photo credits: Maen Zayyad.
- How to Guide Clients toward Making the Best Design Choices
- Designing Business Cards that Get the Job Done
- Secret of Image Selection! Crossed 300 images
- What are calls-to-action for users in a site?
- How to make a football photo outside of the stadium
- How to Photograph Coffee for Instagram Posts - Pro Tips
- Creating Calls-to-Action that Work
- Tour of Slovenia in Lendava