对抗图片盗窃的技术

有几种方法。

1. 将来自外部网站的链接重定向到您的“不要盗窃”图形

网上有很多关于如何做到这一点的教程，但我最近在 David Airey 的文章“如何阻止窃贼窃取您的图片和服务器带宽”中读到了它。 此技术是您网站根目录中 .htaccess 文件的补充

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourwebsite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png|jpg)$ /images/yourgraphic.jpe [L]

显然，将上面的 **粗体** 文本替换为您的网站和您的图形。 请注意图形上的奇怪文件扩展名 (jpe)。 此技术完全阻止常规图片显示在第三方网站上，但例外允许显示您的自定义图形。 以下是一些示例

虽然很诱人地想直接进行面红耳赤的斥责，但正如 David 指出，违规者很可能只是不知道，因此最好采取更中立的立场，同时仍然说明您的观点。 一种可能有点过分的方法是将您的重定向图形设置为一个 10,000 像素的红色方块，这样肯定会破坏一些布局 =)

2. 在您的图片中添加一个大的版权信息，然后在您自己的网站上将其裁剪掉。

Derek Powazek 有一种非常简单的方法可以 在您的图片中添加不显眼的版权信息。 请查看 Derek 的示例风格的示例图片

此图片底部有一个清晰明显的（但措辞良好的）版权信息。 您不会希望在网站上的每张图片上都显示它。 因此，诀窍是将图片放在一个裁剪掉该信息的 div 中。 假设您有一个 300 像素的图片，其中底部包含一个 50 像素的版权信息。 以下是您在网站上显示它的方法

<div style="height: 250px; overflow: hidden;">
  <img src="yourimage.jpg" alt="your image" />
</div>

250 像素是实际图片部分的高度，底部的版权部分会被裁剪掉。 不符合语义！ 内联样式！ 我已经能听到大家的叫喊声了。 这只是一项技术。 它有效，而且有效，因此如果它对您有效，我完全赞成使用它。

3. 将图片包含为 CSS 背景图片

CSS 背景图片具有一个很好的特性，即您无法直接从网页上将其拖放。 当然，图片仍然是公开可访问的，有很多方法可以 获取它们，但这实际上需要一些努力，并且可能会阻止很大一部分窃贼。 毕竟，窃贼之所以是窃贼，并不是因为他们喜欢努力工作。

一些糟糕的（且无效的）技术

• 使用 JavaScript 禁用右键单击。
  由于许多窃贼可能使用右键单击保存方式来获取您的图片，因此这可能会阻止他们大约 2 秒钟。 这不会阻止单击和拖放，而且弊大于利。
• 对您的图片添加版权/水印。
  很好，我可以选择让我的图片看起来很糟糕，或者添加一个小小的版权信息，而这个版权信息会被忽略或裁剪掉？
• 将您的图片切成几块，然后在表格中显示它们。
  这是 1999 年吗？ 我知道在图片下方手动添加版权信息（如 #2 中那样）也是一项工作，但这对于任何一张图片来说都太费事了。
• 将您的图片设置为 Flash
  唉。

其他设计师怎么看？

Elliot Jay Stocks 最近有一篇文章“我们如何阻止窃贼？”，他谈论了自己设计被盗的事情，以及他对此的应对措施。 评论中也有一些关于设计盗窃问题的良好讨论。

还有其他人有关于对抗盗窃的选项或想法吗？