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.


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.

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?
Wenn jemand es wirklich will, wird er es nehmen. Abschreckungen sind so – so. Rechtsklick-Deaktivierung ist ein klares Nein-Nein, aber meiner Meinung nach effektiver als beide dieser Techniken.
#1 – Funktioniert nur, wenn sie auf das Bild verlinken, nicht wirklich effektiv bei Rechtsklick > Kopieren
#2 – Funktioniert gut, aber wieder nur, wenn Bilder verlinkt werden oder als nette Überraschung für die Idioten, die nicht wissen, dass die Verwendung fremder Bilder nicht in Ordnung ist ... und das bezieht sich auf Sie, Herr CEO, der Leuten sagt, sie sollen Bilder aus dem Web für den Unternehmensnewsletter holen.
– Sollte der durchschnittliche Webnutzer nicht etwas aufgeklärt werden? CNN muss mehr Geschichten über die Kosten des Bilderdiebstahls bringen: und für Beispiele. Das gesagt, ich denke, beide Techniken in dem Beitrag könnten als Lehrmittel dienen, aber beide sind wirklich nur Abschreckungen…
Gibt es eine Möglichkeit, EXIF-Daten hinzuzufügen, damit ich einfach eine Google Bilder Suche oder so etwas machen kann, um all die Bilder zu finden, die vielleicht entwendet wurden? Ich mache mir weniger Sorgen um Links zu Bildern, da Logdateien mir sagen können, wo die Dinge schief gehen, aber ich bin wirklich mehr an direkten Diebstählen interessiert.
Der Kampf gegen Bilderdiebstahl geht weiter…
~Kevin
Permalink zum Kommentar#
Permalink zum Kommentar#
Permalink zum Kommentar#
Natürlich hat Kevin Recht, dass diese Techniken diejenigen nicht verhindern, die Ihr Bild wirklich kopieren wollen, aber sie verhindern, dass Leute Ihre Webhost-Bandbreite nutzen, was das Problem war, als ich meinen Artikel schrieb.
Es wird immer einen Weg geben, das gewünschte Bild zu bekommen, aber der beste Ansatz ist, sich anzusehen, wie Stock-Fotografie-Websites sich schützen. Sie haben am meisten zu verlieren, daher ist es fair zu sagen, dass sie am meisten Recherche in das Thema investiert haben.
Alles Gute und ein schönes Wochenende.
Dave Airey
Ich habe gerade über dieses Thema nachgedacht. Es ist mir nicht so wichtig, ob Leute mein Bild kopieren, ich möchte nur nicht, dass meine Bandbreite gestohlen wird.
Grundsätzlich gibt es zwei Gründe, warum Sie nicht möchten, dass Leute Ihre Bilder stehlen
1) Bandbreite
2) Copyright und Geld
Es ist einfach, Maßnahmen durchzusetzen, damit Leute Ihre Bandbreite nicht stehlen, aber es ist viel schwieriger, Leute ganz vom Bilderdiebstahl abzuhalten. Screensnap, jemand?
Das Umschreiben eines heiß verlinkten Bildes spart auf einer beliebten Website nicht viel Bandbreite, da Sie immer noch ein Bild senden, also wenn Sie sich Sorgen um Bandbreite machen, würde ich entweder ein sehr kleines Bild als Ersatz nehmen oder die URL nicht auf ein anderes Bild umschreiben.
LOL. Wenn ich dieses Bild wirklich wollte, gibt es viele Website-Ripper, die in der Lage sind, alle Inhalte einer Webseite oder einer ganzen Website herunterzuladen.
Um es einfacher zu machen, könnte ich die Webseite geöffnet lassen und das Bild aus meiner TEMP-Datei reißen.
Egal was man tut, es gibt keine sichere Methode, um seine Inhalte zu schützen.
Ich habe Spaß beim Lesen dieses Artikels, besonders des ersten Teils. Er ist sehr nützlich, da viele Websites Bilder von meiner Website hotlinken. Ich werde das ausprobieren und deren Layout zerstören. LOL.
Danke für die Tipps.
Ein geflügelter Engel,
Malaysia.
Hotlink-Schutz ist keine große Sache – die meisten Host-Server haben die Option direkt im cPanel integriert, sodass Sie sie einfach aktivieren können. Wenn Sie also Ihren eigenen Hosting-Service betreiben, haben Sie ihn wahrscheinlich bereits verfügbar.
Ich HASSE die Rechtsklick-Nicht-Funktion – besonders, weil sie auch Rechtsklicks auf Text deaktiviert, was bedeutet, dass Sie NICHTS kopieren können, einschließlich Informationen über den Künstler/Fotografen, damit Sie darauf verlinken können.
Das Copyright, das in das Bild integriert ist, ist nicht so eine große Abschreckung (außer wenn die Person nicht weiß, dass es falsch ist oder kein Photoshop-Programm bedienen kann). Wenn sie das Bild herunterladen und selbst hochladen, werden sie das Copyright sowieso abschneiden.
Ich mag die Idee, das Bild auf eine Print-Verkaufsseite zu verlinken, und habe festgestellt, dass für meine Kunstwerke der beste Weg darin besteht, entweder Artwanted oder Zazzle das Bild hosten zu lassen, wenn ich Drucke davon habe, und diesen Code zu verwenden, der automatisch auf den Druck verlinkt. Für Nicht-Druck-Werke verwende ich Picasa, das auch einen eingebauten Schutz hat. Es ist nicht perfekt, aber es ist besser, als zu finden, dass meine Kunstwerke anderswo beansprucht werden (und bisher habe ich das nicht – sei es, dass es sich einfach nicht lohnt, sie zu kopieren, oder dass der Schutz auf diesen Seiten funktioniert, weiß ich nicht. :))
Ja, im Moment verbraucht eine meiner Websites riesige Mengen an Bandbreite und ich denke, das könnte das Problem sein..
Am Ende des Tages gibt es nichts, was Sie tun können. Sie brauchen keine Website-Ripper-Software, um eine Webseite zu bekommen – IE kann das für Sie tun… Datei.. Speichern unter.. Ändern Sie "Speichern als Typ" in "Webseite, komplett". Dies speichert alles – JavaScript-Einbindungen, Bilder, CSS-Dateien.. alles. Denken Sie auch daran, dass die Druckbildschirmfunktion alles überwindet. Dann laden Sie es einfach hoch (sogar in Paint) und schneiden Sie das Bild aus. Sie könnten ein Bild-Wasserzeichen auf Bildern verwenden, die Sie **wirklich** nicht verduscht haben wollen, aber es ist etwas mühsam. Obwohl, wenn man bedenkt, dass ich Punkt #2 mag, um Leechers am Verlinken zu hindern, aber wenn sie das Bild verwenden, werden sie es einfach speichern und dann zuschneiden.
Schöne Seite übrigens. Ich mag Ihr Layout.
Wenn Sie es wirklich ernst meinen mit dem Schutz Ihrer Bilder, dann müssen Sie den gesamten ersten Schritt "Versuchen Sie, Leute davon abzuhalten, Ihre Kunstwerke zu stehlen" überspringen. Denn, seien wir ehrlich, wenn jemand Ihre Kunst wirklich haben will, wird er einen Weg finden, sie zu bekommen.
Meine Empfehlung ist, direkt zum zweiten Schritt überzugehen, nämlich diejenigen aufzuspüren, die gestohlen haben und Ihre Bilder ohne Erlaubnis verwenden. Dazu verwende ich DigiMarc. Betten Sie einfach einen nicht sichtbaren Wasserzeichencode in Ihr Bild ein, wenn Sie es erstellen (sichtbares Wasserzeichen ist ebenfalls verfügbar). Dann, wenn es irgendwo im Netz verwendet wird, verfolgt Digimarc es und benachrichtigt Sie, wo es verwendet wird. Selbst wenn sie das Bild zuschneiden oder ändern, können sie den eingebetteten Code nicht entfernen – er ist immer da.
Wie erwähnt, ist dies, wenn Sie es **wirklich** ernst meinen mit dem Schutz Ihrer Arbeit, da der Service eine ziemlich hohe jährliche Gebühr von etwa 500 US-Dollar hat. Auf der positiven Seite: Es funktioniert!
Die "Rechtsklick deaktivieren"-Funktion ist nutzlos, da Sie das Bild aus dem Browser-Cache bekommen können.
Danke für den Artikel. Ich stelle viele meiner Zeichnungen ins Netz und normalerweise füge ich ein Wasserzeichen direkt in das Bild selbst über Photoshop ein. Ich tippe meine Informationen ein, rastere die Ebene und reduziere dann ihre Deckkraft auf etwa 20-25 Prozent. Es lässt das Bild ein wenig unattraktiv aussehen, aber es ist ein kleiner Schritt, um sicherzustellen, dass selbst wenn das Bild zugeschnitten ist, immer noch mein Name darauf steht. Manchmal versuche ich, kreativ zu sein und das Wasserzeichen als Teil der Zeichnung zu gestalten: klein genug, um nicht aufdringlich zu sein, aber auffällig genug, um Diebstahl abzuschrecken (oder zumindest hoffe ich das).
Ugh… Ich benutze den schönen RSS-Reader von Yahoo! Mail, um diesen (und einige andere) Feeds abzurufen. Seit der Implementierung der "Bandbreiten-Fix"-Funktion sehe ich anstelle der Fotos für den Beitrag das Bild "Mama erlaubt kein Bandbreitendiebstahl". Jetzt muss ich tatsächlich auf die Seite gehen, um die Bilder in den Beiträgen zu sehen. Das gefällt mir nicht… Ich bin mir nicht sicher, wie nützlich Bildersatztechniken in der realen Welt sind.
Bildschirmfoto
Als begeisterter Fan von Open Source muss ich sagen, komm schon… Sie haben eine großartige Idee, ein Bild oder ein Skript, teilen Sie es. Seien wir ehrlich, egal wie gut wir in unserem jeweiligen Bereich sind, es wird unweigerlich jemanden geben, der sagt: "Hey, das ist ein tolles Konzept. Aber es wäre besser so." Ich gebe zu, die Bandbreite eines anderen zu stehlen, ist schlecht, aber seien wir ehrlich, wie bei allem anderen, wenn jemand es **wirklich** will, kann man es nicht wirklich aufhalten. Egal welche Schritte wir unternehmen, die Freaks da draußen können immer neue Kniffe erfinden, um zu bekommen, was sie wollen.
Warum nicht (ein wenig) schützen mit einem schön aussehenden, (teilweise) transparenten **Flash-Rahmen** über dem Bild wie diesem
<div id="protect_me" style="background-image:url(PICTURE.jpg); width:150px; height:100px;"></div>
<script type="text/javascript">
var so = new SWFObject("FRAME.swf", "frame", "150", "100", "8");
so.addParam("wmode", "transparent");
so.write("protect_me");
</script>
Der Code in #1 sollte wie folgt lauten
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourwebsite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule \.(jpe?g|gif|bmp|png)$ /images/yourgraphic.jpg [NC,L]
Zu beachtende Punkte
– der Unterschied zwischen dem Zeichenliteral " $\backslash$." und dem Regex-Atom "." auf den Zeilen 2 und 4
– die Entfernung des doppelten "jpg" aus den Klammern in Zeile 4
– das Hinzufügen des [NC]-Flags am Ende von Zeile 4
Die Tatsache, dass das Bild die ungewöhnliche Erweiterung "jpe" hatte, ist irrelevant – diese Technik funktioniert genauso gut mit "jpg".
Sie können mehr über Regexes auf regular-expressions.info erfahren, und eine schöne Zusammenfassung finden Sie in diesem E-Book (scrollen Sie nach unten zu Tabelle 2.2).
Ja, ich sehe nicht viel Bedarf, Bilder zu schützen… es sei denn, Sie hosten etwas mit riesigem Traffic wie Pornografie oder so etwas, Bandbreite ist leicht verfügbar und ein paar Leute, die auf Ihre Bilder verlinken, werden Sie nicht umbringen.
Für den Copyright-Schutz können Leute, die PHP mit der GD-Bildbibliothek verwenden, leicht ein Skript schreiben, das jedes Bild, das Sie schützen müssen, mit einem Wasserzeichen versieht.
Ich benutze den RewriteEngine-Code schon lange, nicht um Bilderdiebstahl zu verhindern, weil das ziemlich schwierig ist, sondern um Bandbreitendiebstahl zu verhindern.
Ich bin jedoch auf ein Problem gestoßen. Ich habe die Zeile RewriteCond %{HTTP_REFERER} !^$ auskommentiert, da einige Server absichtlich keine Referer-Nachricht senden, um Bandbreite zu stehlen. Das Auskommentieren des leeren Referers funktioniert, außer dass es ein Problem mit IE-Browsern verursacht hat (lieben Sie Microsoft nicht?). Wenn jemand auf einen Bildlink auf meinen Seiten klickt, um ein größeres Bild in einem neuen Fenster zu öffnen, sendet IE keinen Referer und der Benutzer erhält einen Fehlercode anstelle des vergrößerten Bildes.
Um IE-Benutzern entgegenzukommen, muss ich anscheinend den leeren Referer-Code wieder einfügen…
mmm… hier ist eine Idee. Was ist mit dem Umleiten von Hotlink-URLs zu bezahlter Werbung (Google, etc.)? Sie nutzen immer noch Ihre Bandbreite, aber Sie verkaufen Werbung über die Website eines anderen. Machbar???
Schöne Grüße,
Gregory
@Ali: Mir gefällt diese Idee, einfach. Selbst wenn Sie sie nicht verwenden, um eine Nachricht anzuzeigen oder ein Rollover zu haben oder etwas anderes, sie verhindert einfach, dass Leute das Bild direkt von Ihrer Seite ziehen.
Wie viele Leute schon gesagt haben, nichts ist absolut perfekt, aber es ist schön, kleine vorbeugende Maßnahmen zu haben, wo wir können.
Zusätzlich zu Alis Vorschlag
Eine Möglichkeit, die ich gefunden habe, ist, eine 100 % transparente PNG-Kachel über das Bild zu legen. Dies kann in einer CSS-Klasse für die Bilder enthalten sein, so dass es automatisch auf jedes Bild-Tag angewendet wird. Die Webdesigner-Mauer hat ein großartiges Tutorial, wie man CSS verwendet, um Bilder übereinander zu legen. Mit dieser Technik wird der Benutzer nicht einmal in der Lage sein, "Rechtsklick" "Speichern unter" zu verwenden, da er jedes Mal eine nutzlose transparente PNG speichern wird.
Diese Technik funktioniert auch zum Schutz des gesamten Inhalts Ihrer Website, einschließlich Text, der kopiert werden kann usw., obwohl "Quelltext anzeigen" immer eine Option ist, um das zu umgehen...
Die einzige Möglichkeit, Ihr Bild zu stehlen, wäre, einen Screenshot zu machen und ihn dann in Photoshop auszuschneiden, und wenn sie so verzweifelt sind, dann gibt es nichts, was Sie tun können...
Ich liege vielleicht daneben, lassen Sie es mich wissen, wenn ja. Ich bin ein bisschen ein CSS-N00b…
NP
Was ich hier nicht verstehe
Sie schreiben einen Artikel auf Ihrer Website gegen Bilderdiebstahl, was eine gute Idee ist, ich bin immer daran interessiert, neue Wege zu entdecken, dies zu verhindern. Als ich den Artikel zu Ende gelesen hatte, sehe ich einen Abschnitt namens "Theoretisch verwandte Artikel:" und als 3. Punkt gibt es einen Artikel namens: "Wie man ein Website-Hintergrundbild stiehlt" (Link: ).
Ich bin sehr enttäuscht, das zu sehen. Wie können Sie Leute lehren, wie man Bilder von einer Website stiehlt?
Ich habe all diese Techniken ausprobiert… letztendlich kann man, wenn eine Person eine Seite als vollständige HTML-Datei speichert, die Bilder trotzdem bekommen.
Gute Tipps trotzdem. Danke.
Jemand hat ein großes Bild von unserer Website geklaut und es in seinem Website-CSS als Hintergrund verwendet. Dies scheint die Blockade in unserer Zugriffsdatei zu umgehen? Gibt es Hinweise, wie man das blockiert? Oder was machen wir falsch? Danke
Behoben! Wenn Sie eine separate Zugriffsdatei in einem Ordner haben, hat diese Vorrang.