問題描述

首先我要指出，我知道防止個人盜版內容非常繁瑣或幾乎不可能。

我正在為一位相對知名漫畫家的客戶的網站工作。我們正在努力防止使用者撕掉他的工作並重新發布它，或者更重要的是從離線複製，無論是在杯子上還是類似的。我打算在後端使用 WordPress 。

我向他展示了繞過殘疾人 right-click 是多麼荒謬的容易。

TLDR：我想知道什麼是其他方法來阻止或阻止使用者複製影像並複製它？

(我知道水印，但它真的破壞了影像的外觀。)

我已經提到了這些問題：

  1. Are there DRM techniques to effectively prevent pirating?

  2. Is it possible to prevent unauthorized copying or recording of data by photographing screens?

  3. Prevent Users from Downloading Javascript, Images

最佳解決方案

沒有辦法阻止影像的儲存，但這裡有一些想法，使它更難。

  • 為了防止 right-clicking 儲存影像，您可以在其上疊加透明的 div 。然後使用者將 right-click 代替其下方的影像，context-menu 將不顯示 「將影像另存為」 。

  • 您可以使用 data URL 來顯示影像，以便在伺服器上沒有單獨的檔案來連結。

  • 您可以在提供影像之前檢查引用者來使用熱連結保護。

即使使用所有這些對策，任何使用者都可以製作頁面的螢幕截圖，並將影像裁剪出來。

鑑於繞過這些對策非常容易，您可以考慮不執行任何 anti-downloading 功能。影像的使用已被法律保護。

次佳解決方案

你正在尋求一個社會問題的技術解決方案，如果你想稱之為一個，這往往是愚蠢的。

安全的基本規則之一是，一旦你給使用者一些東西，他們就有了。混淆和 client-side “protection”(AKA DRM) 不起作用。

如果要在使用者螢幕上顯示影像，則儲存該影像可能不比列印畫面和開啟畫面更難。無論你做什麼不能容忍你的網站，你都不能迴避他們已經擁有這個形象的事實。

所以問題是為什麼你會走出你的方式使網站不太可用，以防止你已經不能。所有正常的策略，如阻止右鍵點選，混淆 HTML-CSS，使用快閃記憶體等具有主要的可用性影響。透過一些更極端的解決方案，脫軌，開始呈現效能和相容性問題。

所有這一切，你要求使用者處理。我不能為所有人說話，但我拒絕訪問任何網站，開始篡改我的意見。我認為右鍵點選了網際網路上最大的罪惡之一，這是一個只需要結束的做法。我們不需要新的創新方式來惹惱使用者。

第三種解決方案

如果你的問題實際上是 「說服你的客戶」，請嘗試這個思想實驗：

  • 將卡通放在網頁上，周圍有紅色邊框和幾條對角條紋，部分遮蔽了影像 (足夠使其變得醜陋但仍然清晰) 。

  • 告訴你的客戶，「我新增了不可破壞的副本保護。」

  • 給你的客戶一張紙和一支鉛筆，並要求他們寫一本卡通的副本。

這可能對他們太沮喪 (所以在嘗試之前先思考兩次)，但是會開車回家 the magnitude of what they’re asking 。複製別人辛苦工作的容易是為什麼存在智慧財產權法。

非常適合您當前的情況：在美國，來自流行的卡爾文和霍布斯漫畫的人物都是 commonly seen，即使創作者堅定地 refused to license them 。但是它們很容易複製，並且智慧財產權很難 (並且昂貴) 來執行。您最好的打賭可能是一個社交解決方案：說服使用者不要複製影像符合自己的最大利益

我知道這不是你想要的答案，對不起。

第四種方案

在做這樣的事情之前，你總是要問自己：你的實際目標是什麼？

不可能阻止確定的攻擊者獲取您的影像，您可以做的是使您的平均站點訪問者更難以獲得影像。

這是什麼獲益？

  • 您的作品仍然像以前一樣容易受到商業漏洞的攻擊。

  • 你為實際的球迷生活更加困難，並使口頭廣告變得更加困難。

這聽起來像是想要投入大量時間和金錢的東西，而不是使網站更好嗎？究竟。為了保護您的商業利益，您有更好的法律選擇。

瑪格麗特 off-topic 咆哮：

人們可能會很自豪地宣佈放棄你的漫畫 (儘可能簡單) 是一個很好的商機！它不會花費你任何錢，但給你很多好的公關，擴大你的品牌和追隨。最著名的例子是 Randall Munroe(xkcd 的名聲) 。 Randall 在 Creative Commons-Non Commercial 2.5 下授權所有漫畫，並突出地提到每個漫畫的熱連結網址。儘管他說 because of it – 他讓他的漫畫好起來。

另一個可能不太意識形態影響的例子是 Penny Arcade：他們沒有 CC 許可證，但他們也沒有做任何事情阻止你複製/儲存/熱連結他們的漫畫。而且他們這幾天僱傭了十幾個人。

第五種方案

我已經面對這個問題了好幾次。我們發現的最佳解決方案是大幅降低影像質量。使螢幕可以接受，但列印質量太差 – 即使是螢幕截圖。

這對於藝術作品 (繪畫和照片) 非常有效，但是我不確定它對於漫畫家的工作有多好。上述解決方案 (大幅降低影像質量) 可能無法像一些幾行和文字的卡通一樣簡單。

第六種方案

沒有什麼你做的，這使得使用者不可能檢視內容，而無法儲存它。

你可以管理的最好的方法是使其變得更加困難。而如果你比獲得合法的使用權利更困難，那麼嘗試誰可能竊取內容的人 (不是全部) 會付出代價 – 即如果你認為內容有價值，那麼人們可以更容易地購買它！

覆蓋層並沒有太多的孤立。停用右鍵單擊並不會有很大的幫助。

一個可能的解決方案是將影像分割成多個影像，使得它們可以透過 Javascript(使用右鍵停用和覆蓋) 在畫布上進行重新組合和渲染，從而恢復原始影像。例如將其分成 50 個畫素條，每個條帶交替使用 N 個參考影像之一 (也是相同寬度)，並在客戶端上重複該過程以獲得原始影像。

沒有什麼可以阻止使用者實現自己的程式碼，以可儲存的格式重複此操作，也不會阻止他們簡單地捕獲螢幕截圖。

使用隱形術對 identify the provenance 的影像是可行的，確實我相信有些方法甚至持續在螢幕的照片中。但是，即使你能夠將其重新定位到一個可識別的個體，你可以做些什麼呢？不太可能

附錄

而不是花費大量的時間來保護影像內容 (除非您在小時內獲得報酬)，否則您可能會考慮投入一些努力來保護整個網站免受破碎/自動修復。

第七種方案

考慮一個漫畫家的商業模式是粉絲。他們透過讓球迷*賺錢。銷量不是很大：銷售發生是因為他們有球迷願意支付。

因此，限制選擇，如降低質量等，是解決問題的錯誤。你真正想要的是更多的粉絲們願意購買漫畫/商品等

解決方案是給粉絲一個很好的印象。然後在一個簡單的 non-condescending 步驟中購買粉絲。

我有時候被要求從這裡描述的所有方法重建藝術品。即使是閃光燈。事情是，唯一不能做的是從低解析度影像中構建列印解析度影像。如果使用者可以看到它們，可以竊取它。所以唯一的解決方案是降低質量，但這對商業案例來說並不好。

不要錯過專注於你不能做的銷售。相反，專注於你可以做的。您要做的是定期進行反向影像搜尋，並刪除在網際網路上商業濫用您的影像的人。騙子很少對影像做很多打擾。我已經看到在 t-shirts 列印的低解析度 JPEG，沒有什麼可以做到這一點。

您也可以限制您的促銷材料的實質。也許只顯示一定的部分。但是，這又會降低質量。底線有一個很好的商業計劃，使您的資訊更安全或至少”sacrificable” 。

*或透過委託製作，但這是不同的商業模式。如果是這樣，那麼您需要向新客戶顯示風格。

第八種方案

嗯，我已經解決了這幾次。這是不可能停止的。我可以在 2 秒鐘內繞過所有這些措施，但如果你認真對待迫害，他們會嚇倒我。

  • 使用畫布從 Websocket 提供的位元組流中繪製影像。

  • 透過 css 停用右鍵單擊。

  • 檢測列印螢幕是否被按下 ($(document).on(‘keyup’，function(e){if(e.which == 44){SHOWLEGALWARNINGFUNCYOUWILLBEPROSECUTEDTOTHEFULLEXTENDOFTHELAWfunction(); logipdetailsforpresecuting()}

  • 在任何檢查，命名律師事務所和律師的起源的原始碼中顯示出可怕的法律警告。嚇唬他們

  • 當 f12 被按下時檢測。做與法律警告功能的事情就像印刷版一樣

  • 對視窗註冊的外部 JavaScript 物件執行連續掃描。

  • 讓所有的渲染髮生在一個無法訪問的異​​常物件中，包含在一個異常的功能中，所以沒有任何值可以從它讀取。

  • 使用一次性金鑰可以從 websocket 請求影像，如果它被重用，標記和起訴

  • 當標籤模糊/不活動時，請將影像隱藏在視野之外

  • 在網站上為粉絲髮布報告工具：

    • 我們很受歡迎，我們很好奇你找到我們！讓我們知道您看到我們的網站，商店，報紙，並有機會贏得簽名的卡通副本！偽裝成比賽，你讓人們為你做錯事，你們可以透過你的律師來兌現現金。

這使得它很棘手，並表明你願意起訴，這將阻止很多反對者。

嘗試實施一些社會工程。欺騙模仿者放棄他們的資格，以便你可以起訴他們。說謊你的意圖是非常公平的。他們不應該那麼愚蠢，然後放棄他們的細節;-)

第九種方案

我很驚訝 no-one 已經提到了 Digimarc 或者 EURION Constellation 。

Digimarc

Digimarc 是將作者資訊嵌入到光柵影像中的 human-imperceivable 數字水印。 Adobe Photoshop(直到 CC 版) 具有 Digimarc Reader 外掛內建，並將掃描每個開啟的影像，並向使用者顯示一個警告，如果他們開啟水印影像。這是 Digimarc 的一個偉大的政變，因為它為他們的產品一夜之間創造了一個巨大的市場。不幸的是，Adobe 自第一個 CC 版本以來刪除了這個外掛，所以今天的關聯性更小。

歐元星座

https://en.m.wikipedia.org/wiki/EURion_constellation

這種技術需要更多的詭計，因為您需要將 Constellation 自身嵌入到影像中，並且以強大的方式 – 但是如果您可以將 Photoshop，印表機拉下來，各種影像處理工具將拒絕處理您的影像。

第十種方案

如果 right-click 被停用，並且無法從簡單的螢幕上蓋複製影像，那麼最好的辦法是將瀏覽器緩衝區中的影像從噩夢中拉出來。您可以透過程式設計方式來生成影像，並將儲存在緩衝區中的影像部分需要付出努力才能重建成原始影像，強調疼痛。使用整個工具箱細分原始影像; 縮放，反轉，旋轉。指令碼重新組合圖形是勞動密集型，但使用者支付 CPU 時鐘而不是頻寬。隨機播種，一個指令碼是無限可重用的。

參考文獻

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。