Techniken zur Bekämpfung von Bilderdiebstahl

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Es gibt einige.

1. Leiten Sie Links von externen Websites zu Ihrer "NICHT STEHLEN"-Grafik um

Es gibt zahlreiche Tutorials im Web, wie man das macht, aber ich habe kürzlich darüber in David Aireys Artikel "Wie man Diebe davon abhält, Ihre Bilder und Serverbandbreite zu stehlen" gelesen. Die Technik ist eine Ergänzung Ihrer .htaccess-Datei im Stammverzeichnis Ihrer Website.

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

Ersetzen Sie offensichtlich den **fettgedruckten** Text oben durch Ihre Website und Ihre Grafik. Beachten Sie die seltsame Dateierweiterung der Grafik (jpe). Diese Technik blockiert normale Bilder vollständig auf Websites Dritter, aber die Ausnahme ermöglicht die Anzeige Ihrer benutzerdefinierten Grafik. Hier sind ein paar Beispiele.

dont-steal-bandwidth.jpg

dont-steal-bandwidth-2.jpg

Es ist verlockend, direkt und unhöflich zu werden, aber wie David darauf hinweist, ist es durchaus möglich, dass der Täter einfach keine Ahnung hat, und es ist besser, einen neutraleren Ansatz zu wählen und trotzdem seine Meinung zu äußern. Eine Sache, die Sie tun könnten und die grenzwertig gemein ist, wäre, Ihre Umleitungsgrafik wie einen 10.000 Pixel breiten roten Block zu gestalten, das würde garantiert einige Layouts zerstören =)

2. Fügen Sie Ihrer Grafik einen großen Copyright-Hinweis hinzu und schneiden Sie ihn dann auf Ihrer eigenen Website aus.

Derek Powazek hat eine sehr einfache Methode, um unaufdringliche Copyright-Hinweise zu Ihren Bildern hinzuzufügen. Schauen Sie sich ein Beispielbild im Stil von Dereks Beispiel an.

copyright-image.jpg

Dieses Bild hat einen großen, offensichtlichen (aber nett formulierten) Copyright-Hinweis am unteren Rand. Das möchte man nicht auf jedem Bild auf seiner Website anzeigen. Der Trick besteht also darin, das Bild in ein Div zu packen, das diesen Teil abschneidet. Nehmen wir an, Sie hätten ein Bild von 300 Pixeln, das unten eine 50 Pixel große Copyright-Nachricht enthält. So könnten Sie es auf Ihrer Website anzeigen.

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

Die 250 Pixel sind die Höhe des eigentlichen Bildteils, und der untere Copyright-Teil wird abgeschnitten. *<strong>Unsemantisch! Inline-Styles!</strong>* Ich höre die Schreie schon. Es ist nur eine Technik. Sie funktioniert und ist gültig, also bin ich dafür, wenn sie für Sie funktioniert.

3. Binden Sie das Bild als CSS-Hintergrundbild ein

CSS-Hintergrundbilder haben die schöne Eigenschaft, dass man sie nicht einfach per Klick und Ziehen von einer Webseite herunterladen kann. Sicher, die Bilder sind immer noch öffentlich zugänglich und es gibt viele Möglichkeiten, sie zu bekommen, aber es erfordert tatsächlich etwas Aufwand und wird wahrscheinlich einen guten Prozentsatz der Diebe abschrecken. Schließlich sind Diebe keine Diebe, weil sie gerne hart arbeiten.

Einige SCHRECKLICHE (und unwirksame) Techniken

  • Rechtsklick mit JavaScript deaktivieren.
    Da viele Diebe wahrscheinlich die Rechtsklick-Speichern-unter-Technik zum Ergreifen Ihrer Bilder verwenden, könnte dies sie für etwa 2 Sekunden aufhalten. Dies verhindert kein Ziehen und Ablegen und ist mehr nervig/schädlich als alles andere.
  • Bilder mit Copyright/Wasserzeichen versehen.
    Toll, ich darf wählen, ob mein Bild wie Mist aussehen soll oder ob ein winziges Copyright drauf ist, das trotzdem ignoriert oder abgeschnitten wird?
  • Bilder in Stücke schneiden und in einer Tabelle anzeigen.
    Was ist das, 1999? Ich weiß, dass das manuelle Hinzufügen eines Copyrights unter Bildern wie in Punkt #2 etwas Arbeit ist, aber das ist VIEL zu viel Aufwand für ein einzelnes Bild.
  • Bilder in Flash machen
    Seufz.

Was denken andere Designer?

Elliot Jay Stocks hat einen aktuellen Artikel, "Wie können wir die Diebe aufhalten?", in dem er über ein Design spricht, das gestohlen wurde und was er dagegen unternommen hat. Es gibt auch einige gute Diskussionen in den Kommentaren über das Thema Design-Diebstahl.

Hat sonst noch jemand Optionen oder Ideen zur Bekämpfung von Diebstahl?