protect mages on website Tips for Beginners to Protect Images on Website

The only pictures and snapshots that can be saved from being stolen or copied is the ones that are never published online. Otherwise a “save as” or Ctrl C can rip any of your private moments and turn it into a public property. So the best way to safeguard your images is to keep it off internet. In case it is unavoidable you always run the risk of being robbed by an efficient hacker at any point of time. As there exists no fool-proof method to protect images that you display on your own blogs, websites, social sites and applications, but a few precautionary steps can be followed to protect your digital images from being stolen by the ones with lesser technical knowhow.

 

1. Add Watermark

By this method you place actually an extra barrier that will make novice people think twice before stealing your image. To do this design a custom brush through Photoshop, Corel Draw or other image apps. Create a simple brush that basically endorses or stamps your name or signature as a watermark on your photos. For this create a new file with a transparent background. Now type out your information. Now add a drop shadow and lower the opacity of the layer. Remember to crop the snap to remove any extra space your watermark. Now save the file as a seal. Use this file to add your name or signature over your pictures and upload it to the internet whenever you require. Nowadays there are cameras with inbuilt watermarking facility to endorse your images with your name or credentials.

 

watermark Tips for Beginners to Protect Images on Website

 

2. Cloaking

Cloaking or embedding a code to ensure blank selection is another way to fool others from copying your images. This trick hides images behind a transparent background. To do this you need to know that the standard code for any image is something like For changing the code and cloaking the image with a transparent background change the value of the src attribute to point to a blank image and then add a new style attribute to render the actual image. However make sure that the value of the height and the width parameters are same as the actual image. So that when the person tries to save the image he actually end up downloading that blank screen instead of the image.

 

3. Disable Right-click

One of the most popular method to prevent images from being stolen is by disabling the right-click on top of the image by using java script code. Its simple and hassle free and great for beginners. However, this method has more disadvantages than advantages as it blocks any right clicks. To activate this go to your website and select your image. On the image head place the java script code that disables right clicking on the image.

 

right click Tips for Beginners to Protect Images on Website

 

4. Never Index Images

One easy means to track any image through search engines is when it has been indexed. Indexing puts your image in the category where search engines will recognize the name and throw it open to visitors searching by name or category. Hence, avoid any indexing of your image according to its category or name.

 

5. Using Low Resolution

Image resolution means the pixel count for each image that determines its size and spread. To safeguard an image you can save it in its lowest possible resolution. A normal photo for example in Flickr is usually of 500 pixels. Now if the image is saved at about this size, say at 450 pixel in length and of a lower quality jpg compression, it will not give free loaders much image to work with and also of not good enough image quality to enlarge further but still its a good size for others to see and appreciate.

 

6. Using CSS Instead of HTML

Another popular method to protect you images from getting stolen is to use CSS instead of pure HTML. Although images can be stolen by professional hackers the process is lengthy and will deter many from attempting the theft. This technique also protects the images from being indexed and shown in Google image search results.

 

css Tips for Beginners to Protect Images on Website

 

Conclusion

You can also copyright your images or use many other software tools, widely available n the market, for a better desired outcome. However, how much protection you will be able to guarantee depends the sensitivity or popularity of the image on display as a professional hacker is always at work to de-code any protection used and lift it off your website.

About Kelly

Kelly Marsh has written 2 post on web design mash.

Kelly is a self-employed designer, illustrator & blogger. She loves writing, along with travelling. These days she is working on Online Rank Tracker and keeping a close watch how Google is updating its algo.



31 Responses

  1. Jamie Cresswell
    Oct 08, 2012 - 09:25 AM

    Tips for Beginners to Protect Images on Website http://t.co/GBvFs5rT

  2. sheri strykowski
    Oct 08, 2012 - 09:25 AM

    Tips for Beginners to Protect Images on Website http://t.co/gmjSrZy6 (WebDesignMash)

  3. jan kovitch
    Oct 08, 2012 - 09:26 AM

    Tips for Beginners to Protect Images on Website http://t.co/brlq0Hbj (WebDesignMash) RT @writer_sheri

  4. viktoriana
    Oct 08, 2012 - 10:01 AM

    Tips for Beginners to Protect Images on Website http://t.co/brlq0Hbj (WebDesignMash) RT @writer_sheri

  5. @komiska
    Oct 08, 2012 - 11:01 AM

    RT @Jankovitch: RT @Jankovitch: Tips for Beginners to Protect Images on Website http://t.co/brlq0Hbj (WebDesignMash) RT @writer_sheri

  6. @komiska
    Oct 08, 2012 - 11:01 AM

    RT @Jankovitch: RT @Jankovitch: Tips for Beginners to Protect Images on Website http://t.co/brlq0Hbj (WebDesignMash) RT @writer_sheri

  7. Jamie Cresswell
    Oct 08, 2012 - 04:26 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/JNeXTXfh

  8. Jamie Cresswell
    Oct 08, 2012 - 04:28 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/JNeXTXfh http://t.co/P4AIjAnC

  9. Jamie Cresswell (@WebDesignMash)
    Oct 08, 2012 - 05:28 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/JNeXTXfh http://t.co/P4AIjAnC

  10. bkmacdaddy designs
    Oct 08, 2012 - 06:37 PM

    Tips for Beginners to Protect Images on Web Site – http://t.co/FtTMosMB

  11. leaflette
    Oct 08, 2012 - 06:38 PM

    RT @bkmacdaddy: Tips for Beginners to Protect Images on Web Site – http://t.co/5ECQwwoM

  12. Blakely Designs
    Oct 08, 2012 - 06:41 PM

    Tips for Beginners to Protect Images on Web Site – http://t.co/FtTMosMB

  13. Channelfrog.com
    Oct 08, 2012 - 06:41 PM

    Tips for Beginners to Protect Images on Web Site – http://t.co/FtTMosMB

  14. bkmacdaddy designs (@bkmacdaddy)
    Oct 08, 2012 - 07:37 PM

    Tips for Beginners to Protect Images on Web Site – http://t.co/FtTMosMB

  15. @maushirt
    Oct 08, 2012 - 07:38 PM

    RT @bkmacdaddy: Tips for Beginners to Protect Images on Web Site – http://t.co/5ECQwwoM

  16. @blakelydesigns
    Oct 08, 2012 - 07:41 PM

    RT @bkmacdaddy: Tips for Beginners to Protect Images on Web Site – http://t.co/FtTMosMB

  17. @ChannelFROG
    Oct 08, 2012 - 07:41 PM

    RT @bkmacdaddy: RT @bkmacdaddy: Tips for Beginners to Protect Images on Web Site – http://t.co/FtTMosMB

  18. @ChannelFROG
    Oct 08, 2012 - 07:41 PM

    RT @bkmacdaddy: Tips for Beginners to Protect Images on Web Site – http://t.co/FtTMosMB

  19. Jamie Cresswell
    Oct 08, 2012 - 09:21 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/VF2jUJ98

  20. Jamie Cresswell (@WebDesignMash)
    Oct 08, 2012 - 10:21 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/VF2jUJ98

  21. Jamie Cresswell
    Oct 09, 2012 - 10:21 AM

    Tips for Beginners to Protect Images on Web Site http://t.co/RrHGjcjt

  22. Van Hemelrijck Mike
    Oct 09, 2012 - 11:04 AM

    Tips for Beginners to Protect Images on Web Site http://t.co/RrHGjcjt

  23. Jamie Cresswell (@WebDesignMash)
    Oct 09, 2012 - 11:21 AM

    Tips for Beginners to Protect Images on Web Site http://t.co/RrHGjcjt

  24. @VHDesign_be
    Oct 09, 2012 - 12:04 PM

    RT @WebDesignMash: Tips for Beginners to Protect Images on Web Site http://t.co/RrHGjcjt

  25. Jamie Cresswell
    Oct 09, 2012 - 09:21 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/UYXy0zrc

  26. Nashwa/Graphics
    Oct 10, 2012 - 09:43 AM

    Tips for Beginners to Protect Images on Web Site | Web Design Mash http://t.co/AI33qbvP

  27. Jamie Cresswell
    Oct 10, 2012 - 01:22 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/mQufNxVT

  28. Umer Mushtaq
    Oct 10, 2012 - 01:27 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/mQufNxVT

  29. Jessika Pardo
    Oct 10, 2012 - 01:29 PM

    Tips for Beginners to Protect Images on Web Site http://t.co/mQufNxVT

  30. Luis Suarez
    Oct 10, 2012 - 01:48 PM

    #web #design basics RT @WebDesignMash: Tips for Beginners to Protect Images on Web Site http://t.co/kPmm6Ioj

  31. Jamie Cresswell
    Oct 13, 2012 - 09:22 AM

    Tips for Beginners to Protect Images on Web Site http://t.co/EswDhLk9

Leave a Comment