Im FWP-Shop Wasserzeichen als Grafik einfügen

Mit der GD-Library Ihr Shop-Logo in die Produktbilder integrieren

Das flexible Open-Source Shopsystem FWP-Shop beinhaltet eine komfortable Möglichkeit Produktbilder des Onlineshops automatisch auf die erforderlichen Bildgrößen zu rechnen. Um dem Bilderklau Herr zu werden und Content-Diebstahl vermeiden zu können, kann der eigene Image-Handler dabei auch Textlinks in die Grafiken einfügen. Hier finden Sie ein Beispiel, wie Sie die Funktion erweitern und optimieren können, um Ihr Shoplogo als Grafik automatisch in die Bilder als Wasserzeichen einzubetten.

Alle Angaben beziehen sich auf den FWP-Shop 3.3.1.

Logo als Wasserzeichen - Grafiken einfügen

Ein Beispiel:
Sie verwenden auf den Produktseiten Bilder mit der Größe von 400x400 Pixel. Das Wasserzeichen soll in Ihrer Hausschrift in der Größe 250x50 Pixel in das Bild eingerechnet werden. Der Hintergrund soll unsichtbar und die Schrift transparent sein.

Wasserzeichen erstellen

Erzeugen Sie in Ihrem Grafikprogramm das Wasserzeichen: In diesem Beispiel wird ein Bild mit der Größe 250x50 Pixel erstellt. Fügen Sie mit schwarzer Schrift auf weißem Hintergrund Ihren Shopnamen, oder Ihr fertiges Logo ein und speichern das ganze als GIF unter dem Namen 'watermark.gif', wobei Sie die Hintergrundfarbe 'Weiß' als transparente Farbe angeben. Laden Sie das Bild ins Rootverzeichnis auf Ihren Server. Das Bild sollte nun unter http://www.IhreShopAdresse.xy/watermark.gif aufzurufen sein.

Änderungen im FWP-Shop

Suchen Sie sich im FWP-Shop die Datei _system/3.0/_libs/graphics.lib.php:

1) In Zeile 64 kann bestimmt werden, bei welchen Bildgrößen das Wasserzeichen eingefügt werden soll:

Ändern Sie den Teil

$iWidth > 100

in

$iWidth > 399

um z.B. nur Bilder mit mindestens 400 Pixel Breite mit einem Wasserzeichen zu versehen.

2) Die Zeile 67 kümmert sich um das Einfügen von Texten in die Produktbilder:

Ersetzen Sie

imageWriteString($hNewImage, $iFont,  preg_replace('/(http://[^/]+)/',
'$1', URL), $iColor, 'center',  'bottom');

mit

imagecopymerge($hNewImage,  imagecreatefromgif('../watermark.gif'), 
75, 175, 0, 0, 250, 50, 15);

um anstatt des bisherigen Textlinks das erzeugte Logo in die Produktbilder einzufügen.

Folgende Werte sind für dieses Beispiel anzugeben:

- 75, 175: x, y Koordinaten bei denen das Wasserzeichen im Bild erscheinen soll

- 250, 50: Größe des Wasserzeichens

- 15: Deckung des Wasserzeichens in Prozent

Mehr Informationen zum Befehl zum verwendeten Befehl 'imagecopymerge' finden Sie z.B. unter http://php.net/imagecopymerge.

Mehr Funktionen

Diese Beschreibung soll Ihnen einen ersten Hinweis auf die Funktionsweise geben, bzw. Shop-Betreiber unterstützen die schnell Ergebnisse benötigen. Die Methode zum automatischen Einfügen Ihres Logos, kann noch um einige nützliche Funktionen erweitert werden. Experimentieren Sie ruhig etwas: Versuchen Sie wie sich farbige Wasserzeichen verhalten, verzichten Sie auf die Hintergrund-Transparenz des GIFs, um auch auf dunklen Bildern gute Ergebnisse zu erhalten, oder verwenden Sie PNG-Grafiken anstatt der GIFs. Genauso kann die Position je nach Logo-Größe errechnet werden, um nicht die Position in absoluten Werten angeben zu müssen, oder auch mittelgroße Bilder mit einem Wasserzeichen versehen werden.

Erschienen am 08.04.2009, um 11:27h.