favicon
Kuhn, Andreas
Um seiner Webseite den persönlichen Schliff zu geben, kann man ins Hauptverzeichnis eine Datei namens favicon.ico (= favorite icon) legen, die dann in der Adresszeile des Browsers und in den Lesezeichen (Favoriten) anstelle des Standard-Symbols für Webseiten angezeigt wird.
1. Eine gewünschte, möglichst schlichte Grafik ins Format 256 Farben setzen. (Das Bild sollte wegen der anschließenden Verkleinerung aussagekräftig und nicht zu motivlastig sein!)
2. Das Bild ins Format 16×16 Pixel oder 32×32 Pixel skalieren
3. Die Datei mit Hilfe des kostenlosen (!) Photshop-Filters IcoFormat als.ico-Datei abspeichern. Diesen Filter zu installieren, wäre ggf. Schritt 1. GraficConverter hat zwar auch einen Export-Filter für.ico-Dateien, aber der funktioniert offenbar nicht immer zuverlässig
4. Im Hauptverzeichnis eine Datei.htaccess anlegen, die die Zeile „AddType image/x-icon.ico“ (ohne Anführungszeichen) enthält. Am besten die Datei mit einem Texteditor als htaccess anlegen und erst auf dem Webserver in.htaccess umbenennen, weil die Datei unter Mac OS X durch den Punkt sonst unsichtbar würde
5. Die.ico-Datei auf den Webserver laden und durch direktes Aufrufen im Browser überprüfen. Eine funktionierende Datei muss sich jetzt wie eine normale Grafik aufrufen lassen
6. Evtl. muss jetzt den HTML-Webseiten noch folgender Meta-Tag im Bereich <head>…</head> hinzugefügt werden:
<link rel=„Shortcut ICON“ href=„www.domain.xy/favicon.ico“>
Änders, Nicola
Schöner als ICOs sind PNGs, da sie richtige, verlaufende Transparenzen darstellen können, was für eine flexible Anzeige vor verschiedenen Hintergründen eigentlich unerlässlich ist. Zudem kann man PNGs mit praktisch jeder Bildbearbeitung speichern (16×16 Pixel, PNG24 mit Transparenz verwenden). Eingebunden wird dann mit
<link rel=„shortcut icon“ href=“/name.png“ type=„image/png“/>
und das war’s schon.
Einzig der noch aktuelle Internet Explorer besteht auf dem Schwachsinn, dass an einer bestimmten Stelle ein Icon in bestimmtem Format mit bestimmter Benamsung vorliegen muss, statt einfach das Meta zu beachten. Da der IE das Icon aber sowieso nur bei Seiten anzeigt, für die ein Lesezeichen vorliegt, ist er vernachlässigbar – wichtiger sind Browser, die das Icon ständig in der Adresszeile haben (Firefox, Safari). Für den IE kann man dann aber noch ein favicon.ico daneben legen, aber natürlich nur mit fransigen Rändern.