Protecting your images online from theft

Posted on February 6, 2010 by

26


The Perfect Watermark
Image by Jayel Aheram via Flickr

Updated: June 4, 2010 Watermarking any images you place on your blog or website is a practice used in addition to posting a copyright notice or license, and both are used to deter image theft. I have previously reviewed several free watermark generators available online that can be used to display copyright on your images either one at a time or in bulk, prior to uploading them to your blog. This article provides a link to another approach to deterring online image theft that you may wish to consider using.

… here’s a technique for you to make it just a bit harder for someone to get your images. Here, right-click on the image and click on Save Image As or Save Picture As to save it on your computer. See what you “saved”.  — Cover Your Images

Updated: June 4, 2010 Protecting your images from online theft and reblogging

If you need more help then devblog has provided it in a forum thread:

wp.com users cannot add/edit the HTML (or in this case the PHP) files. I’ll try to explain as best as I can.You know, when you add a photo to your post, you click the media button, upload the image to your blog (or link it from another URL) then you click the “insert into post”, right?

Well, after doing that, you would switch to the HTML Editor, like it’s explained here: http://csswiz.wordpress.com/2009/08/16/cover-your-images/

Then you will see the HTML code that’s behind your post. After switching to the HTML editor, you would need to replace the existing HTML for the image that you just added with the code I provided; of course, you would need to make the necessary changes so that your image is displayed. Basically, the only things you would need to change in the inline CSS are the values of the “background” property as well as the “width” and “height” properties. Those would be the bits in capital letters:  (minus the square brackets)

[<img style="background: transparent url(YOUR-IMG-URL) 0 0 no-repeat; border: 0; height: IMG-HEIGHT; margin: 0 auto; padding: 0; width: IMG-WIDTH;" src="http://tfockler60.files.wordpress.com/YEAR/MONTH/nothing.gif" alt="Helghan Soldier" title="Helghan Soldier" width="IMG-WIDTH" height="IMG-HEIGHT" />]

You would also have to upload the "nothing.gif" to your blog and point to it as shown in the example above (that's why I put YEAR and MONTH in caps because those will be different in your case).

You'd have to repeat this process with every image you want to post (however, you won't have to upload "nothing.gif" everytime you want to do this because you can always point to the same image).

The drawback is that it can be a laborious task if you have LOTS of images...

See also >  Google Webmaster Central > "Hiding text or links in your content can cause your site to be perceived as untrustworthy since it presents information to search engines differently than to visitors. "  Hidden text, links, images, javacript, videos

Related posts found in this blog:
Thumbs down on WordPress reblogging
How to copyright your digital work
Copyright basics for bloggers
What is copyright?

Reblog this post [with Zemanta]

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to TechnoratiAdd to Yahoo BuzzAdd to Newsvine