?
Solved

Way to protect images on website so they can't be captured

Posted on 2014-03-26
13
Medium Priority
?
466 Views
Last Modified: 2014-03-26
Want to display thumb-nail sized images of pages from my book on my website.  Is there a technology or software that would prevent images from being copied or screen captured?  In other words, to allow visitors to my site to view the images and not "Save As" or Screen Capture them.  My pages contain .jpeg, .pdf, and .png images.

An example of what I'm trying to achieve can be found at:

http://www.e-yearbook.com/
0
Comment
Question by:clock1
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
  • 3
  • +2
13 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39956491
If its in the browser then there is nothing you can do to stop someone saving the image - they are already on the computer.
You could add a watermark to the images making them unreadable enough to make it worthless to save but still give enough information to let the user know what it is.
0
 
LVL 55

Expert Comment

by:Joe Winograd, EE MVE 2015&2016
ID: 39956557
I don't know of any way to stop Save Page As in all browsers on all platforms. And you can't stop screen capture, which can be done in many ways, such as the PrtScn key and the Snipping Tool. Last, but not least, today's digital cameras take a decent photo of the screen. Regards, Joe
0
 
LVL 15

Accepted Solution

by:
Giovanni Heward earned 1500 total points
ID: 39956588
While the aforementioned is completely true, there are some mitigation strategies you could deploy.

Step 1: Disable caching of images via meta tags/disable IE image toolbar [head section]

        <meta http-equiv="imagetoolbar" content="no">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="expires" content="Mon, 22 Jul 2002 11:12:01 GMT">
        <meta name="robots" content="none">
        <meta name="googlebot" content="noarchive">

Open in new window


Step 2: Create a style that loads protected image as background [head section]

    <style>
    img {
    border:none;
    }
     
    #imgCheck {
    width:539px;
    height:1645px;
    background-image:url("/images/checks.gif"); background-repeat:no-repeat;
    border:2px outset #D8D8D8;
    background-color:#999999;
    }
    </style>

Open in new window


Step 3: Use the follow script to disable the right-click context menu [body section]

        <script language=JavaScript>
        <!--
            var message="";
            function clickIE() {if (document.all) {(message);return false;}}
            function clickNS(e) {if
            (document.layers||(document.getElementById&&!document.all)) {
            if (e.which==2||e.which==3) {(message);return false;}}}
            if (document.layers)
            {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
            else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
            document.oncontextmenu=new Function("return false")
        // -->
        </script>

Open in new window


Step 4: Use the following image tag to match the CSS code... this will display the clear pixel over the entire "protected" image.  If someone right-clicks and saves the image, they will only save the 1x1 clear pixel and not the source image.

<img src="/images/clearpixel.gif" alt="Proof" width="539" height="1645" id="imgCheck" galleryimg="no">

Open in new window



For extra measure all code above could be encoded to protect the actual image name/method from many end-users out there.

At the end of the day, all these methods are security through obscurity, and do not block anyone familiar with the techniques described by other experts (screen capture, etc.) and other bypass methods.
0
Learn how to optimize MySQL for your business need

With the increasing importance of apps & networks in both business & personal interconnections, perfor. has become one of the key metrics of successful communication. This ebook is a hands-on business-case-driven guide to understanding MySQL query parameter tuning & database perf

 
LVL 58

Expert Comment

by:Gary
ID: 39956602
And all that does is cause a 30 second inconvenience to get around them
0
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 39956616
If I can see it, I can capture it.

Your question is not new.  If you have copyright material, you have to be able to defend it legally.   If you don't want it seen or potentially copied, then don't put it on the internet.
0
 
LVL 15

Expert Comment

by:Giovanni Heward
ID: 39956627
And all that does is cause a 30 second inconvenience to get around them

I beg to differ, a simple Ctrl+PrtScn or Alt+PrtScn would capture the images in < 3 seconds. :-)

Hence...

At the end of the day, all these methods... do not block anyone familiar with the techniques described by other experts (screen capture, etc.) and other bypass methods.
0
 
LVL 55

Expert Comment

by:Joe Winograd, EE MVE 2015&2016
ID: 39956639
> If you don't want it seen or potentially copied, then don't put it on the internet.

Well-said and spot-on!
0
 
LVL 58

Expert Comment

by:Gary
ID: 39956651
Firefox, Firebug - and your right click is worthless, your no cache is worthless, your clear image overlay is worthless, your background image is worthless. Don't need to do a screen capture, I can get the real image in seconds.
0
 

Author Closing Comment

by:clock1
ID: 39956657
Giovanni -

Your points for going beyond stating the obvious.

If someone wants in bad enough, they'll find some way. Refuse to make it easy for them.
0
 
LVL 55

Expert Comment

by:Joe Winograd, EE MVE 2015&2016
ID: 39956670
The question was:
Is there a technology or software that would prevent images from being copied or screen captured?
Obvious or not, the answer is NO. Regards, Joe
0
 
LVL 15

Expert Comment

by:Giovanni Heward
ID: 39956685
@clock1; at the end of the day the only real protection available is copyright law and your ability to enforce it.  Anyone could purchase your book, capture each page, and redistribute your work unlawfully.  Sure, there is DRM technologies which really amount to a deterrent control.  They are not preventative.

Thanks for the points!
0
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 39956708
>at the end of the day the only real protection available is copyright law and your ability to enforce it.

Thank you for restating http:#a39956616
0

Featured Post

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.
In this fifth video of the Xpdf series, we discuss and demonstrate the PDFdetach utility, which is able to list and, more importantly, extract attachments that are embedded in PDF files. It does this via a command line interface, making it suitable …

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question