Als erstes entwirft man mit einem Icon Editor [1] oder einem Online Favicon Generator [2] ein zu seiner Webseite passendes Icon. Am einfachsten ist es ein Logo, einen Ausschnitt des Headers oder ein Front Bild auf die Grösse von 16x16 Pixel zu verkleinern und gegebenfalls etwas anzupassen.
Das entworfene Icon legt man mit dem Namen favicon.ico in das Root Verzeichnis der Web Applikation. Die Grafik muss im Icon Format erstellt werden, ein bloses Umbennen der Endung bekannter Bild Formate [3] in die Endung ico reicht nicht aus!
Damit das Favicon von möglichst allen Browser angezeigt wird, bindet man schliesslich folgendes Tag in den head Bereich der HTML Seite ein.
<link href="/favicon.ico" rel="shortcut icon"
type"image/vnd.microsoft.icon" />
Bei manchen Server Programmen, wie bsw. GlassFish, kann es vorkommen, dass das Favicon trotz richtigem Speicherort und korrektem Format nicht angezeigt wird.
Ursache dafür ist ein fehlendes Mapping des MIME Typ image/vnd.microsoft.icon für die Datei Endung ico. Der Webserver sendet das Favicon dadurch mit der falschen Typ Information text/html zum Browser und dort kommt es zur fehlerhaften Anzeige.
Autor: Johannes HammoudKommentare Datum: 30.08.2009