Released 7 years ago , Last update 7 years ago

Get the ultimate protection for your images by making it almost impossible to grab images off your site.

Protecting your images online is not an easy task, and this simple script could save you or your programmer hours of hair-pulling.


  • Make your images almost impossible to steal.
  • Prevent saving the image with right-click
  • Prevent from dragging the image to their desktop
  • Prevent visitors from locating the image filename in the source.
  • No need for ugly watermarks (You can add them if you like for extra protection).
  • Disables printing of images

Some of the methods involved:

  • Slicing up the image file to many separate files
  • Random filenames
  • Transparent image overlay
  • Disables right-click, saving, dragging & printing
  • Removes original filename and image reference from source

ImageGuard uses Flash, Javascript and CSS to create the most complex protection method for your images.

Image Guard is the perfect solution for photographers, artists who refuse to use watermarks over their work, but still need to do their best to protect their most important assets.

While not impossible, in order to steal your images, thieves would need to go through hell, which would literally take hours for every image, and even then might not be possible at all.

Try the demo and see for yourself!

  • 5 1
  • 4 0
  • 3 0
  • 2 0
  • 1 0
1 Reviews Read Reviews


14 day 14-day money-back guarantee


Personal License

  • Perpetual license

  • 1 site, unlimited servers

  • No distribution (hosted use only)

  • Commercial use

Set up: How to protect your images with ImageGuard


1.Copy the supplied files to your website root.

2.Open imageguard.js and identify your images folder.

3.Add a script reference to this file at the end of your webpage.


For each image you want to protect... 1.Change the img tag so that the alt attribute becomes an altered version of the src attribute. Now set the src attribute to a hash # character followed by a colon and the image filetype.

2.Add a span container around the image tag and give it a class name of 'imageGuard'.

3.Move the original image to the newly available safe images folder.

4.Copy the fake image blank-image.png to where your original image resided and rename it as per your original image.

Thats it! Your image is now now able to be shown as you'd ideally like while being protected with multiple methods.

Quick start guide, further reading, advanced techniques plus usage examples provided with component.

Back to top

1 license From » $4.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
  • S Semut 6 years ago
    Great image guard, but a common browser screenshot capture can still able to grab the page screenshot and crop it specially for the image. But as you said it unfortunately can't be avoided.
  • C cheri License holderPersonal License
    Purchased on Aug 3, 2011
    7 years ago
    Hey Matt, I am having a problem, I am not sure how to put this on my website,,,,what code do I need to put on my website...I feel so stupid, I did all the way up to the scripting and not sure where to go from there if you could help me I would very much appreciate it...