• Startseite
• Entstehungsgeschichte
• Konzept
• Screenshots
• Demo
• Video-Anleitungen
• Download
• Systemanforderungen
• Nutzungsrecht
• Installation
• Erweiterung bestellen
• Lizenzbedingungen
• Newsletter

Avatar oder Profilbild im Gästebuch anzeigen

Wer ein Avatar oder Profilbild im Gästebuch anzeigen möchte, stellt neben jeden Eintrag ein kleines Bild des Schreibers. Statt einer nüchternen Spalte aus Name, Datum und Text bekommt jede Wortmeldung ein Gesicht. Das wirkt persönlicher, gliedert lange Einträge optisch und lässt eine Gästebuch-Seite gleich lebendiger aussehen.

Ein Avatar ist dabei nichts Kompliziertes: ein kleines Foto oder eine Grafik, die einem Namen zugeordnet wird. Auf dieser Seite erfahren Sie, was technisch dahintersteckt, ob das Gästebuch-Script die Funktion bereits mitbringt und wie Sie das Bild mit einem konkreten Beispiel in die Eintrags-Vorlage einbauen.

Avatar, Profilbild und Platzhalter im Vergleich

Die Begriffe werden oft synonym verwendet, meinen aber nicht immer dasselbe. Ein kurzer Blick auf die Unterschiede macht die spätere Einrichtung leichter verständlich.

Begriff	Was es ist	Typische Quelle
Avatar	Eine Grafik, die stellvertretend für eine Person steht	Comic-Figur, Symbol, Initialen auf Farbfläche
Profilbild	Ein echtes Foto, das die Person tatsächlich zeigt	Hochgeladenes Bild, Gravatar-Konto
Platzhalter	Standardgrafik, falls kein eigenes Bild vorliegt	Graue Silhouette, "Mystery Person"-Icon

In der Anzeige laufen alle drei auf denselben Punkt hinaus: An fester Position erscheint eine quadratische Grafik. Entscheidend ist, dass für jeden Schreiber entweder eine eigene Quelle existiert oder verlässlich ein Platzhalter einspringt, damit das Layout nicht ausfranst.

Unterstützt das Gästebuch-Script Avatare von Haus aus?

Diese Frage ist wichtig, bevor Sie loslegen, denn sie entscheidet über den Aufwand. Die ehrliche Antwort: Das kostenlose Gästebuch-Script speichert pro Eintrag Name, E-Mail, Betreff und Nachricht, bringt aber keine fertige Avatar- oder Upload-Funktion mit. Das Bild ergänzen Sie also selbst, was dank der vorhandenen E-Mail-Adresse aber unkompliziert über Gravatar gelingt.

Die Ausgabe der Einträge steuert die Vorlage tpl/template.tpl zusammen mit dem PHP-Teil in gaestebuch.php. Dort wird jeder Datensatz in $daten aufbereitet, unter anderem stehen $daten['name'] und $daten['email'] bereit. Genau diese E-Mail ist Ihr Schlüssel zum Gravatar-Bild, ohne dass ein Besucher etwas hochladen müsste.

Gravatar einbinden: ein konkretes Beispiel

Gravatar liefert weltweit Profilbilder anhand der E-Mail-Adresse aus. Die Bild-URL entsteht aus einem MD5-Hash der kleingeschriebenen, getrimmten Adresse. So sieht der Aufbau aus:

PHP: Gravatar-Adresse bilden

$hash = md5(strtolower(trim($daten['email'])));
$avatar = 'https://www.gravatar.com/avatar/' . $hash . '?s=48&d=mp';

Der Parameter s=48 setzt die Kantenlänge auf 48 Pixel, d=mp blendet die neutrale "Mystery Person" als Platzhalter ein, falls zur Adresse kein Konto existiert. Im Ausgabe-Block, in dem das Script die Zeile mit Name und Datum baut, stellen Sie das Bild einfach davor:

PHP: Bild in die Ausgabe einfügen

$ausgabe .= '<td><img src="' . $avatar . '" width="48" height="48"
    alt="Avatar von ' . htmlspecialchars($daten['name']) . '"
    style="border-radius:50%;vertical-align:middle;margin-right:8px">'
    . str_replace($suche, $ersetzen, $lang['4']) . '</td>';

Wer lieber in reinem HTML denkt: Die Vorlage tpl/template.tpl arbeitet zwar mit Platzhaltern der Form , ein eigener Platzhalter wie  hilft hier aber nicht. Die Einträge baut gaestebuch.php komplett in $ausgabe zusammen, und die Platzhalter der Vorlage werden nur einmal pro Seite ersetzt.  ist übrigens das Namensfeld des Formulars, nicht der Name im Eintrag. Das Bild gehört deshalb direkt in die Schleife in gaestebuch.php.

Schritt für Schritt einrichten

Unabhängig von der Quelle folgt die Einrichtung immer demselben Muster. Diese Reihenfolge führt zuverlässig zum Ziel.

Legen Sie die Bildquelle fest, in der Regel Gravatar über die E-Mail-Adresse.
Bestimmen Sie eine feste Kantenlänge, etwa 48 mal 48 Pixel, damit alle Bilder gleich groß erscheinen.
Definieren Sie einen Standard über d=mp oder eine eigene Grafik für den Fall ohne Treffer.
Platzieren Sie das Bild links vor Name und Datum, wo das Auge es zuerst sucht.
Speichern Sie die geänderte Datei und prüfen Sie die Anzeige mit zwei, drei Testeinträgen, die Sie im Admin-Bereich freigeschaltet haben.

Ein typisches Ergebnis: oben fett der Betreff, darunter das runde Bildchen links vor der kleinen Zeile mit Datum und verlinktem Namen und schließlich der Nachrichtentext. Diese Anordnung liest sich auf Mobilgeräten genauso sauber wie am Desktop.

Worauf Sie achten sollten

Ein paar Punkte ersparen Ihnen später Ärger, gerade wenn die Seite wächst.

Begrenzen Sie die Bildgröße über den s-Parameter, statt große Dateien per CSS zu schrumpfen, das spart Ladezeit. Setzen Sie immer einen Platzhalter, damit keine kaputten Bildsymbole entstehen. Und beachten Sie den Datenschutz: Bei Gravatar wird ein Hash der E-Mail-Adresse an einen externen US-Dienst übermittelt. Dieser Punkt gehört transparent in Ihre Datenschutzerklärung. Wer das vermeiden will, nutzt ausschließlich lokale Platzhalter mit den Initialen des Namens, die das Layout ebenso ordentlich füllen.

Vertiefende Hinweise finden Sie in den verwandten Beiträgen zum Gästebuch-Layout anpassen, zur Gestaltung mit eigenen Stilregeln unter Gästebuch mit CSS gestalten, zu Smileys im Gästebuch einfügen sowie zur Datenschutzerklärung fürs Gästebuch und zum Umgang mit der E-Mail-Adresse im Gästebuch.

Häufige Fragen

Brauchen Besucher ein Konto, damit ein Bild erscheint? Nein. Über Gravatar genügt die E-Mail-Adresse, die ohnehin beim Eintrag angegeben wird. Nur wer ein eigenes Foto sehen möchte, muss dieses einmalig bei Gravatar hinterlegen, sonst greift automatisch der Platzhalter.

Was kostet Gravatar? Der Dienst ist kostenlos. Es entstehen weder für Sie als Betreiber noch für die Schreiber Gebühren, lediglich der Datenschutzhinweis zur Übermittlung des E-Mail-Hashes ist verpflichtend.

Kann ich Bilder anzeigen, ohne Daten an Dritte zu senden? Ja. Verzichten Sie auf Gravatar und erzeugen Sie stattdessen lokale Platzhalter, etwa den ersten Buchstaben des Namens auf farbigem Grund. So bleiben alle Daten auf Ihrem Server.

Welche Bildgröße ist sinnvoll? Für die Eintragsliste reichen 40 bis 48 Pixel Kantenlänge. Das hält die Seite schnell und sieht auf dem Smartphone genauso sauber aus wie am großen Monitor.