Protect (Don’t Steal) Your Post Image with Simple Code.

How many of you blogging your personal life and posting your personal photos. Photos that have your family and friends in it. It is almost impossible to avoid someone steal your personal photos. Google copyright warning on search image don’t have much effect when someone looking for picture on internet. People will right click and “save as” in seconds and boom your photo save in someone else’s computer.

Some of publisher can add caption source of the image or link it to original source. However, there is a tricky code that you can use not to prevent someone steal your photo, but they won’t get the photo completely in one good condition. When they download your picture, the final result only show white blank canvas.

The photo standard code usually like this:

<img width=”460″ height=”315″ src=”http://4.bp.blogspot.com/-lpaSqQeJcTM/U__81wLh8rI/AAAAAAAAJAY/MF9DgUWKTlg/s1600/google%2Bdrive%2B1.jpg”/>

Now, you just need to add a simple code by change src attribute and use css style to the image so it will create an empty photo. The code line will look like this:

<img style=”background-image:url(‘http://4.bp.blogspot.com/-lpaSqQeJcTM/U__81wLh8rI/AAAAAAAAJAY/MF9DgUWKTlg/s1600/google%2Bdrive%2B1.jpg’);” src=”data:image/gif;base64,R0lGODlhAQABAIAAAP ///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==” width=”500″ height=”375″/>

Just remember the size of the image must be the same as the original.

Leave a Reply

Your email address will not be published. Required fields are marked *