Favicon

Entwurf

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.

Datei

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!

Einbinden

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" />

Webserver

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.

Resourcen

Johannes Hammoud Favicon 30.08.2009

I Coding : Community über Java Programmierung

Sprache Englisch+-

Java JSF JavaScript HTML CSS NetBeans GlassFish MySQL

Impressum

Besuche
6279985
Heute
7307