Re: [css-d] OT: Protecting pictures
Am 26.04.2011 06:19 schrieb Chetan Crasta: How do you guys protect your images on the web? I normally don't bother trying to protect images because all the methods can be circumvented. But if a client insists on it, I use this technique: I overlay an absolutely positioned, transparent, div over the image. Right clicking on the image is then not possible. As usual, IE7 and IE8 behave differently. In these browsers, a transparent div is ignored when right clicking. The workaround for this is to give the div a background color and then set the opacity to 0 to make it transparent. A similar technique is to use a transparent gif to overlay instead of a transparent div. The effect is then not to make downloading via right-click impossible, but rather to confuse the user, as after having right-clicked and downloaded the image file, there is no actual image inside it. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] OT: Protecting pictures
How do you guys protect your images on the web? I normally don't bother trying to protect images because all the methods can be circumvented. But if a client insists on it, I use this technique: I overlay an absolutely positioned, transparent, div over the image. Right clicking on the image is then not possible. As usual, IE7 and IE8 behave differently. In these browsers, a transparent div is ignored when right clicking. The workaround for this is to give the div a background color and then set the opacity to 0 to make it transparent. You can see an example here: http://www.roughtech.com/t/protected_pic.html Regards, Chetan Crasta __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] OT: Protecting pictures
You what you have done is to use some trickery to get this picture: http://www.roughtech.com/t/protected_picture.jpg Very nice!! A casual user won't know what to do to get it. Date: Tue, 26 Apr 2011 09:49:35 +0530 Subject: Re: [css-d] OT: Protecting pictures From: chetancra...@gmail.com To: xfs...@hotmail.com CC: css-d@lists.css-discuss.org How do you guys protect your images on the web? I normally don't bother trying to protect images because all the methods can be circumvented. But if a client insists on it, I use this technique: I overlay an absolutely positioned, transparent, div over the image. Right clicking on the image is then not possible. As usual, IE7 and IE8 behave differently. In these browsers, a transparent div is ignored when right clicking. The workaround for this is to give the div a background color and then set the opacity to 0 to make it transparent. You can see an example here: http://www.roughtech.com/t/protected_pic.html Regards, Chetan Crasta __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] OT: Protecting pictures
How do you guys protect your images on the web? I have seen a link where pictures are protected and I wonder how this is achieved. the link in question is: http://www.thesun.co.uk/sol/homepage/news/3538953/Cheating-married-entertainer-is-latest-hypocritical-celeb-to-court-fame-before-using-gag-order.html If you scroll down the page you will see very dark images (obfuscated images) of a man but I simply don't know how to get it apart from using snagit or other screen capture tools. Thanks. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] OT: Protecting pictures
OK ignore it because I managed to get the actual link of the picture: http://img.thesun.co.uk/multimedia/archive/01295/silh-120_1295997a.jpg I would still like to learn how they have protected the picture. How do you guys protect your images on the web? I have seen a link where pictures are protected and I wonder how this is achieved. the link in question is: http://www.thesun.co.uk/sol/homepage/news/3538953/Cheating-married-entertainer-is-latest-hypocritical-celeb-to-court-fame-before-using-gag-order.html If you scroll down the page you will see very dark images (obfuscated images) of a man but I simply don't know how to get it apart from using snagit or other screen capture tools. Thanks. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] OT: Protecting pictures
On Sun, Apr 24, 2011 at 8:16 PM, John D xfs...@hotmail.com wrote: OK ignore it because I managed to get the actual link of the picture: http://img.thesun.co.uk/multimedia/archive/01295/silh-120_1295997a.jpg I would still like to learn how they have protected the picture. It's a simple javascript routine. To get around it all you need to do is disable javascript. There are other methods that try to make it more difficult to grab an image. Things like using css background property, cutting the image into dozens of pieces, etc. But, really, all one needs to do is use print screen and photoshop to grab any image that is viewable in a webpage. The one thing that they have accomplished in the little javascript ruse is to demonstrate a definite wish to keep the content protected. Might be of some help in a law suit one can suppose. But, all in all, it is very difficult to protect images. Then again there was one server that looked for a valid referer before allowing an image to be downloaded. If the request was not part of their webpage filling in its own content an empty gif was returned. This worked great to prevent deep linking to their content. But, in order to grab the image all that was necessary was to pull it from my cache. Regards, Claude __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] OT: Protecting pictures
At 2:47 AM + 4/25/11, John D wrote: How do you guys protect your images on the web? I have seen a link where pictures are protected and I wonder how this is achieved. the link in question is: http://www.thesun.co.uk/sol/homepage/news/3538953/Cheating-married-entertainer-is-latest-hypocritical-celeb-to-court-fame-before-using-gag-order.html If you scroll down the page you will see very dark images (obfuscated images) of a man but I simply don't know how to get it apart from using snagit or other screen capture tools. Thanks. John: You really can't protect an image if the user is seeing it -- that means that they have downloaded it. You can screw around with them a bit, but most can get around protection -- like this: http://webbytedd.com/b/protect-image/ You see, you can't easily drag and drop that image to your desk top. The best way (if I had to do it for a client) would be to show a thumbnail and only provide the big image when it's approved for them to do so. HTH, Cheers, tedd -- --- http://sperling.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] OT: Protecting pictures
At 2:47 AM + 4/25/11, John D wrote: How do you guys protect your images on the web? I have seen a link where pictures are protected and I wonder how this is achieved. the link in question is: http://www.thesun.co.uk/sol/homepage/news/3538953/Cheating-married-entertainer-is-latest-hypocritical-celeb-to-court-fame-before-using-gag-order.html If you scroll down the page you will see very dark images (obfuscated images) of a man but I simply don't know how to get it apart from using snagit or other screen capture tools. Thanks. John: Oops -- I thought that I was sending my reply off-list Sorry, Cheers, tedd -- --- http://sperling.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/