Favicon

Ein Favicon ist ein kleines Symbol, das eine Website in einem Webbrowser kennzeichnet. Die meisten Browser zeigen das Favicon einer Website auf der linken Seite der Adressleiste neben der URL an. Einige Browser zeigen das Favicon möglicherweise auch im Browser-Tab neben dem Seitentitel an. Favicons werden außerdem automatisch zusammen mit Lesezeichen oder „Favoriten“ gespeichert.

Favicons gibt es seit Anfang der 2000er-Jahre und sie werden von allen großen Webbrowsern unterstützt. Allerdings bieten verschiedene Browser unterschiedliche Implementierungen von Favicons. Firefox, Internet Explorer und Safari zeigen Favicons beispielsweise alle in der Adressleiste an, Google Chrome zeigt sie jedoch nur in den Seitentabs an. Die meisten Browser unterstützen Favicons, die als .GIF-, .PNG- oder .JPG-Dateien gespeichert sind, aber Internet Explorer zeigt nur Favicons an, die im .ICO-Format gespeichert sind.

Die standardmäßige Methode, ein Favicon auf einer Website zu verwenden, besteht darin, ein kleines Bild mit 16x16 Pixeln namens favicon.ico in das Stammverzeichnis der Website hochzuladen. Wenn ein Benutzer eine Seite der Website in einem Webbrowser lädt, sucht der Browser nach der Datei favicon.ico. Wenn er eine Datei in einem unterstützten Format findet, zeigt er das Symbol automatisch neben der URL oder dem Seitentitel an. Das Favicon kann im HTML-Code einer Webseite auch wie folgt angegeben werden:

<link rel="shortcut icon" href="http://www.domain.com/myicon.ico">

Die HTML-Methode überschreibt normalerweise das im Stammverzeichnis gespeicherte Favicon. Das kann nützlich sein, wenn du für bestimmte Seiten innerhalb einer Website ein benutzerdefiniertes Favicon anzeigen möchtest.

NOTE: Die Standardgröße eines Favicons beträgt 16x16 Pixel, obwohl die meisten Browser auch Favicons erkennen, die als Bilder mit 32x32, 48x48 und 64x64 Pixeln gespeichert sind. Favicons, die größer als 16x16 Pixel sind, werden normalerweise auf 16x16 Pixel verkleinert, damit sie im Browser korrekt angezeigt werden. Browser, die Retina-Displays unterstützen, zeigen Symbole mit 32x32 Pixeln jedoch in ihrer ursprünglichen Auflösung an.