Bilder schützen

Wie wir bereits erklärt haben, ist es nahezu unmöglich, einen Kopierschutz für den Quellcode anzulegen. Wer an die Codezeilen gelangen möchte, kann dies auch schaffen. Ähnliches gilt für Grafiken, die im Netz bereit gestellt werden. Allerdings gibt es, sofern man nur seine Grafiken schützen möchte, noch ein paar mehr Möglichkeiten, die über den Quellcode-Schutz hinaus gehen.

Wasserzeichen
Eine simple Möglichkeit, um zu zeigen, wem die Rechte an einem Bild gehören, ist das Einbauen von Wasserzeichen. Zwar schützt dies die Bilder nicht vor dem Kopieren durch andere User, aber somit wird zumindest die Herkunft des Bildes Kund getan.

htaccess unterbindet unzulässige Verlinkung
Die bereits oft verwendete .htaccess Datei bietet Webmastern die Gelegenheit, zulässige Server für den Zugriff auf Dateien zu definieren. Das bedeutet, dass man fremde Server von der Verwendung der Bilder ausschließen kann. Es ist dann nicht möglich, dass jemand ein Bild mittels http Verweis darauf in seine eigene Seite einbindet. Da durch solches Vorgehen oft viel unerwünschter Traffic entsteht, sollte man sich und gleichzeitig seine Bilder davor schützen. Die folgend dargestellten htaccess Codezeilen, bewirken einen solchen Schutz:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?domain\.de(/.*)?$ [NC]
RewriteCond %{REQUEST_FILENAME} !grafikschutz.gif$
RewriteRule \.(gif|jpg|png|bmp)$ http://www.domain.de/images/grafikschutz.gif [R,L]

Sofern weitere Domains für den Zugriff auf die Bilder freigeschaltet werden sollen, muss man die dritte Zeile einfach duplizieren und die entsprechende Domain eintragen.

Rechte Maustaste sperren
Das Sperren der rechten Maustaste als eine Möglichkeit User am schnellen Speichern von Bildern zu hindern, haben wir bereits beleuchtet. Zwar ist dies kein Allheilmittel, allerdings wird es dem Standard-User somit schon etwas schwieriger gemacht, Bilder abzuspeichern.

Bild durch transparentes Gif schützen
Ähnliches bewirkt folgendes Herangehen. Es ist beispielsweise möglich, ein zu schützendes Bild hinter einem transparenten Gif zu verstecken. Dies ist allerdings ein wenig aufwändig. Zudem gibt es mehrere Möglichkeiten, dieses Ziel zu erreichen. Eine ist die Folgende:

HTML-Code:
<div class="container">
<div class="blank"><img src="blank.gif" width="100px" height="100px" alt="" /></div>
<div class="img"><img src="bild.jpg" alt="" /></div>
</div>

CSS-Code:
.container { position: relative; }
.blank { position: absolute; z-index: 10; }
.img { position: absolute; z-index: 1; }

Nachteil an dieser Variante ist, dass man für jedes Bild diesen Container benötigt und die Breite sowie Höhe des unsichtbaren Bildes anpassen muss, damit das zu schützende Bild immer exakt abgedeckt wird.

Bilder splitten
Eine spannende Alternative kann der Online Image Splitter sein. Wie der Name schon sagt werden hier Bilder in kleine Schnipsel zerteilt. Bis zu 64 einzelne Fragmente sind möglich, die dann mittels einer Tabelle wieder zusammengesetzt werden. Bei einer solch hohen Anzahl an Teilstücken erklärt es sich von selbst, dass dadurch viel Quellcode entsteht. Und überhaupt muss man abwägen, ob sich dies lohnt. Zwar müsste ein am Bild interessierter User alle Fragmente speichern und dann umständlich zusammen setzen, alternativ kann er aber einfach einen Screenshot erstellen und zurecht schneiden.

Fazit
Diese Möglichkeit des Bildschirmfotos macht jede noch so gute Sicherung einer Grafik beinahe überflüssig. Das Wasserzeichen im Bild ist da oft die einzige Möglichkeit, das Bild dem Rechteinhaber zuzuordnen.