Favicon in die Webseite einbinden | Webmasterparadies.de

Das "favourite icon", welches umgangssprachlich Favicon genannt wird, ist ein kleines 16x16 oder 32x32 Pixel großes Bild, welches in der Adressleiste des Browsers oder in den Lesezeichen angezeigt wird. Das Favicon wird hauptsächlich dazu eingesetzt, um für die eigene Webseite einen Wiedererkennungswert zu schaffen. Außerdem ist es eine willkommene Abwechslung zu den Standard-Symbolen, die sonst in den Favoriten zu finden sind. Wie Sie ein Favicon in Ihre Webseite einbinden können, erfahren Sie im nächsten Abschnitt.

Um das Favicon in die Webseite einzubinden, gibt es zwei Möglichkeiten.

Dabei können Sie auch andere Dateiformate als .ico verwenden. GIF- und PNG-Dateien sind ebenso möglich.

Erläuterung:
Sowohl die Attribute rel="shortcut icon" als auch rel="icon" müssen gemäß HTML-Standard angegeben werden. Den meisten Browsern reicht jedoch auch die Angabe über rel="icon". Nicht jeder Browser durchsucht automatisch das root-Verzeichnis einer Webseite nach einer favicon.ico. Verwenden Sie daher am besten immer beide HTML-Tags. So arbeiten Sie standardkonform und vermeiden Fehler bei der Anzeige Ihres Favicons.

Im Beispiel haben wir mit einer PNG-Datei gearbeitet. Für GIF- und ICO-Dateien gelten andere type="..."-Werte:

Darüber hinaus müssen Sie auch auf Größen- und Farbangaben achten, da sonst das Favicon unter Umständen nicht angezeigt werden kann:

Sollten Sie ein bereits vorhandenes Favicon mit einem neuen Symbol ersetzen, so leeren Sie auch Ihren Browser-Cache. Ansonsten kann es vorkommen, dass der Browser das neue Favicon nicht automatisch aktualisiert.