Protecting Images on a website

Discussion in 'Web Development & Web Hosting' started by Dazzo, Jun 6, 2013.

  1. Dazzo

    Dazzo Byte Poster

    196
    12
    37
    Hi All,

    I have my site up and running and I am almost to a point to add the images (it's a gallery of my trip).

    I wanted to protect the images so people are unable to take them and use them as they are personal to myself and GF but I had this idea and wanted to see it through.

    Any ideas or tips?

    Kind Regards,
    Darren
     
    Certifications: A+, MOS: Master 2010, Network +
  2. rocdamike

    rocdamike Byte Poster Gold Member

    249
    23
    72
    I'm not really an expert in this, but you could use javascript to disable 'right clicking' any images in your gallery.

    Another alternative would be to use a service like Digimarc which digitally watermarks your photos and allows you to monitor and track whether your images are used on any other websites.
     
    Certifications: F5 CTS, LTM | F5-CA | CCNA: Sec | CCNA: R&S | ITIL Foundation
    WIP: AWS Solutions Architect
  3. Dazzo

    Dazzo Byte Poster

    196
    12
    37
    I'll try both of those and keep looking for more stuff. It was only as a practice so I might not host the site unless I need to show it to a potential employer and come up with a new idea!

    Thanks
     
    Certifications: A+, MOS: Master 2010, Network +
  4. ade1982

    ade1982 Megabyte Poster

    566
    12
    52
    JavaScript is normally the way, but there are always ways around it. It just inconveniences them for a bit.
     
  5. BB88

    BB88 Kilobyte Poster Gold Member

    383
    13
    76
    Couple of things:

    • Add a watermark to the image in a couple of places.
    • Make the images private.
    • Also nothing stopping people using the Print Screen button or software to capture the screen.
     
    Certifications: CompTIA A+, CompTIA Network+, MCSA: Office 365,, 70-410, 70-680
    WIP: CompTIA: Security+
  6. dmarsh
    Honorary Member 500 Likes Award

    dmarsh Petabyte Poster

    4,305
    503
    259
    The images get downloaded and stored in the browser cache, anyone with some smarts can get them from there.

    You could try setting no-cache http headers on the images, but again someone with some smarts can work around this using curl or wget or custom program most likely or just a poorly conformant browser.

    Common techniques tend to be (as mentioned already) :-

    1. Making right click impossible with JavaScript and loading the image through obfuscated JavaScript.
    2. Watermarks or poor quality thumbnails.

    Its possible that maybe you could also do some stenography or encryption in obfuscated JavaScript.

    All of these methods just deter people, a decent coder would be able to get round all of them to get the real data. Also any script kiddie can use print screen.

    Personally if you don't want people to have them I wouldn't put them on the internet.
     
    Last edited: Jun 6, 2013
  7. Coupe2T

    Coupe2T Megabyte Poster

    590
    43
    67
    What dmarsh said! If however you do decide to put them up, then you can also use Google to image search and see if anyone has stolen your pictures and is using them, assuming they are watermarked and protected properly then you would have legal rights I would think to have them removed if anyone does not comply with pulling them down for you.
     
    Certifications: ECDL, Does that Count!?!
  8. dmarsh
    Honorary Member 500 Likes Award

    dmarsh Petabyte Poster

    4,305
    503
    259
    You can serve them from a secure part of your site, but this would require a user to login and kinda goes against the idea of a portfolio to attract business.

    Also as soon as you hand out a login you are back to the situation we described above. You could dynamically watermark them based on the login in this instance, but I suspect this is rather more than you wanted.

    Some commercial sites also use browser plugins to try to make stuff more secure, instead of using obfuscated JavaScript they code it in Flash, Flash can still be reverse engineered, but its arguably a little harder.
     
    Last edited: Jun 6, 2013
  9. Sparky
    Highly Decorated Member Award 500 Likes Award

    Sparky Zettabyte Poster Moderator

    10,718
    543
    364
    Don’t put them anywhere near the internet then. :)
     
    Certifications: MSc MCSE MCSA:M MCSA:S MCITP:EA MCTS(x5) MS-900 AZ-900 Security+ Network+ A+
    WIP: Microsoft Certs
  10. dmarsh
    Honorary Member 500 Likes Award

    dmarsh Petabyte Poster

    4,305
    503
    259
    I'll take those pictures of your GF down then... :D
     
  11. Dazzo

    Dazzo Byte Poster

    196
    12
    37
    Ok so I'm not going to put them up!!

    I could do all this but in the end some one will take them then it's more work if I want to pursue the people who do!

    I wouldn't mind as mainly they are just pictures of mountains rivers and random things in Australia but it's the principle some one using my stuff without permission.

    Thanks guys, now you have to give me ideas for more sites to create!

    www.frscdesign.coffeecup.com is the site, the countries are the galleries where I was going to put up all the pictures etc. View in chrome as there are issues with multiple stylesheets which only work in chrome when uploaded the coffee cup S Drive.

    Wanted to change the home page to have the main image off to the right with a small intro next to and around it. Then some links, different info small pictures added in underneath to pad it out.
     
    Last edited: Jun 7, 2013
    Certifications: A+, MOS: Master 2010, Network +

Share This Page

Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.