{"id":2042,"date":"2012-04-14T00:52:10","date_gmt":"2012-04-14T00:52:10","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=2042"},"modified":"2012-07-25T14:53:09","modified_gmt":"2012-07-25T14:53:09","slug":"disable-save-image-as","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/disable-save-image-as\/uncategorized","title":{"rendered":"Disable Save Image As"},"content":{"rendered":"<p>It's impossible to prevent determined, web savy visitors from saving images and pictures off a website, but it is possible to make it more difficult for them to use the.<\/p>\n<p>It's not currently possible to use html code or CSS to disable the 'save image as' when visitors try to save pictures off your website. Using\u00a0this JavaScript, you can easily disable the right mouse click 'save image as' option from appearing when people right mouse click an image. Simply paste this JavaScript code snippet just before the ending body tag on the html page you want to protect:<\/p>\n<p><strong>Note:<\/strong> People can still take a screen shot of your website and simply crop out the images they want to keep using image editing software. Visitors will still be able to look at the source code of your webpages and use the image references to access them.<\/p>\n<h3>Disable right mouse click 'Save Image As' option<\/h3>\n<p><!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"Javascript\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;Javascript&nbsp;|&nbsp;<\/td><td style=\"background-image:url('https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/img\/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;\"\/><embed id=\"ZeroClipboard1\" src=\"https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/_zclipboard.swf\" loop=\"false\" menu=\"false\" quality=\"best\" bgcolor=\"#ffffff\" width=\"16px\" height=\"16px\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" flashvars=\"id=1&width=16&height=16\" wmode=\"transparent\" \/><\/td><td>&nbsp;copy&nbsp;code&nbsp;|<\/td><td style=\"cursor:pointer\" title=\"DevFormatter Plugin\" onclick=\"devfmt_credits()\">?<\/td><td width=\"99%\">&nbsp;<\/td><\/tr><\/tbody><\/table><div class=\"devcodeoverflow\"><table class=\"devcodearea\" width=\"100%\"><tr><td class=\"devcodelines\" width=\"1%\">01<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #339933;\">&lt;<\/span>script type<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;text\/javascript&quot;<\/span><span style=\"color: #339933;\">&gt;<\/span><span style=\"color: #006600; font-style: italic;\">\/\/ &lt;![CDATA[<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">02<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #006600; font-style: italic;\">\/*<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">03<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #006600; font-style: italic;\">Disable right click script II (on images)- By Dynamicdrive.com<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">04<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #006600; font-style: italic;\">For full source, Terms of service, and 100s DTHML scripts<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">05<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #006600; font-style: italic;\">Visit http:\/\/www.dynamicdrive.com<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">06<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #006600; font-style: italic;\">*\/<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">07<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">08<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #003366; font-weight: bold;\">var<\/span> clickmessage<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;Right click disabled on images!&quot;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">09<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">10<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #003366; font-weight: bold;\">function<\/span> disableclick<span style=\"color: #009900;\">&#40;<\/span>e<span style=\"color: #009900;\">&#41;<\/span> <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">11<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>document.<span style=\"color: #660066;\">all<\/span><span style=\"color: #009900;\">&#41;<\/span> <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">12<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>event.<span style=\"color: #660066;\">button<\/span><span style=\"color: #339933;\">==<\/span><span style=\"color: #CC0000;\">2<\/span><span style=\"color: #339933;\">||<\/span>event.<span style=\"color: #660066;\">button<\/span><span style=\"color: #339933;\">==<\/span><span style=\"color: #CC0000;\">3<\/span><span style=\"color: #009900;\">&#41;<\/span> <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">13<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>event.<span style=\"color: #660066;\">srcElement<\/span>.<span style=\"color: #660066;\">tagName<\/span><span style=\"color: #339933;\">==<\/span><span style=\"color: #3366CC;\">&quot;IMG&quot;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">14<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066;\">alert<\/span><span style=\"color: #009900;\">&#40;<\/span>clickmessage<span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">15<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">return<\/span> <span style=\"color: #003366; font-weight: bold;\">false<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">16<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">17<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">18<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">19<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">else<\/span> <span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>document.<span style=\"color: #660066;\">layers<\/span><span style=\"color: #009900;\">&#41;<\/span> <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">20<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>e.<span style=\"color: #660066;\">which<\/span> <span style=\"color: #339933;\">==<\/span> <span style=\"color: #CC0000;\">3<\/span><span style=\"color: #009900;\">&#41;<\/span> <span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">21<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066;\">alert<\/span><span style=\"color: #009900;\">&#40;<\/span>clickmessage<span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">22<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">return<\/span> <span style=\"color: #003366; font-weight: bold;\">false<\/span><span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">23<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">24<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">25<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">else<\/span> <span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>document.<span style=\"color: #660066;\">getElementById<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">26<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>e.<span style=\"color: #660066;\">which<\/span><span style=\"color: #339933;\">==<\/span><span style=\"color: #CC0000;\">3<\/span><span style=\"color: #339933;\">&amp;<\/span>#038<span style=\"color: #339933;\">;&amp;<\/span>#038<span style=\"color: #339933;\">;<\/span>e.<span style=\"color: #660066;\">target<\/span>.<span style=\"color: #660066;\">tagName<\/span><span style=\"color: #339933;\">==<\/span><span style=\"color: #3366CC;\">&quot;IMG&quot;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">27<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066;\">alert<\/span><span style=\"color: #009900;\">&#40;<\/span>clickmessage<span style=\"color: #009900;\">&#41;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">28<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">return<\/span> <span style=\"color: #003366; font-weight: bold;\">false<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">29<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">30<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">31<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">32<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\">&nbsp;<\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">33<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #003366; font-weight: bold;\">function<\/span> associateimages<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #009900;\">&#123;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines devcodelinesodd devcodelinesodd\" width=\"1%\">34<\/td><td class=\"devcodelinesarea devcodelinesareaodd devcodelinesareaodd\"><pre class=\"devcode devcodeline\"><span style=\"color: #000066; font-weight: bold;\">for<\/span><span style=\"color: #009900;\">&#40;<\/span>i<span style=\"color: #339933;\">=<\/span><span style=\"color: #CC0000;\">0<\/span><span style=\"color: #339933;\">;<\/span>i<span style=\"color: #339933;\">&lt;<\/span>document.<span style=\"color: #660066;\">images<\/span>.<span style=\"color: #660066;\">length<\/span><span style=\"color: #339933;\">;<\/span>i<span style=\"color: #339933;\">++<\/span><span style=\"color: #009900;\">&#41;<\/span> document.<span style=\"color: #660066;\">images<\/span><span style=\"color: #009900;\">&#91;<\/span>i<span style=\"color: #009900;\">&#93;<\/span>.<span style=\"color: #660066;\">onmousedown<\/span><span style=\"color: #339933;\">=<\/span>disableclick<span style=\"color: #339933;\">;<\/span> <span style=\"color: #009900;\">&#125;<\/span> <span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>document.<span style=\"color: #660066;\">all<\/span><span style=\"color: #009900;\">&#41;<\/span> document.<span style=\"color: #660066;\">onmousedown<\/span><span style=\"color: #339933;\">=<\/span>disableclick <span style=\"color: #000066; font-weight: bold;\">else<\/span> <span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>document.<span style=\"color: #660066;\">getElementById<\/span><span style=\"color: #009900;\">&#41;<\/span> document.<span style=\"color: #660066;\">onmouseup<\/span><span style=\"color: #339933;\">=<\/span>disableclick <span style=\"color: #000066; font-weight: bold;\">else<\/span> <span style=\"color: #000066; font-weight: bold;\">if<\/span> <span style=\"color: #009900;\">&#40;<\/span>document.<span style=\"color: #660066;\">layers<\/span><span style=\"color: #009900;\">&#41;<\/span> associateimages<span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#41;<\/span><\/pre><\/td><\/tr><tr><td class=\"devcodelines\" width=\"1%\">35<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #006600; font-style: italic;\">\/\/ ]]&gt;&lt;\/script&gt;<\/span><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><\/p>\n<p>Paste the code just above the ending body tag.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/disable_save_as_paste.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2049\" style=\"border-image: initial; border: 1px solid black;\" title=\"disable_save_as_paste\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/disable_save_as_paste.jpg\" alt=\"\" width=\"600\" height=\"247\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/disable_save_as_paste.jpg 600w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/04\/disable_save_as_paste-300x123.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>If you own a WordPress website you can install a plugin to protect all the images on your site. Here's one: <a title=\"no right mouse click images\" href=\"http:\/\/wordpress.org\/extend\/plugins\/no-right-click-images-plugin\/\" target=\"_blank\">No Right Click Images Plugin<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s impossible to prevent determined, web savy visitors from saving images and pictures off a website, but it is possible to make it more difficult for them to use the. It&#8217;s not currently possible to use html code or CSS to disable the &#8216;save image as&#8217; when visitors try to save pictures off your website. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4865,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[143,4,1,6],"tags":[297],"class_list":["post-2042","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet-tips","category-tutorials","category-uncategorized","category-wordpress","tag-disable-image-save-as"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/2042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=2042"}],"version-history":[{"count":17,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/2042\/revisions"}],"predecessor-version":[{"id":2044,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/2042\/revisions\/2044"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/4865"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=2042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=2042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=2042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}