Favicons
Jeder kennt die kleinen Symbole, die im Webbrowser im Tab oder in den Favoriten angezeigt werden. Beispiele:
Das Wort Favicon setzt sich aus den beiden Wörtern Favorites (Favoriten) und Icon (kleines Symbol) zusammen. Die Icons dienen zum Branding einer Seite, zum schnellen Wiedererkennen. Das Favicon besitzt eine Größe von 16 x 16 oder 32 x 32 Pixel und wird üblicherweise im Startverzeichnis eines Webauftritts unter dem Namen favicon.ico abgelegt.
Nicht jeder Webseitenbetreiber hält sich an die Größenvorgabe von 16 x 16 oder 32 x 32 Pixel. DIe Favicons von Apple und Netflix sind z.B. 64 x 64 Pixel groß, bei Microsoft sogar 128 x 128 Pixel!
Wie kann ich die Größe eines Favicons herausfinden?
Beim Zugriff auf die Seite https://www.uherzog.de/ wird das Favicon im Tab angezeigt. Wie oben schon beschrieben, wird das Favicon mit dem Namen favicon.ico im Startverzeichnis erwartet. Das Icon kann dann folgendermaßen angezeigt werden:
https://www.uherzog.de/favicon.ico
Die angezeigte Internet Seite enthält nur das Icon und die Größe des Icon wird im Titel angezeigt:
Mit Rechtsklick auf das Icon kann das Icon gespeichert werden ("Grafik speichern unter ...").
Wie kann ich ein Favicon für meinen eigenen Internet Auftritt erstellen
In einem Grafikbearbeitungsprogramm (z.B. mit dem kostenlosen Gimp) ein neues Bild in der Größe 16 x 16 oder 32 x 32 Pixel erstellen oder ein vorhandenes Bild auf diese Größe zuschneiden. Wird beim Speichern des Bildes das .ico Format nicht unterstützt, das Bild als .png abspeichern. Mit einem kostenlosen Tool wie z.B. IrfanView kann die .png Datei geöffnet und als .ico Datei mit dem Namen favicon.ico abgespeichert wird. Jetzt noch das Favicon in das Startverzeichnis des Internetauftritts kopieren und schon hat die eigene Seite auch ein Favicon.
Alternativ gibt es kostenlose Möglichkeiten im Internet ein Favicon zu erstellen. Einfach nach favicon.ico Generator suchen.
Muss das Favicon immer favicon.ico heißen?
Nein, grundsätzlich kann das Favicon auch einen anderen Namen erhalten und darf sogar in einem anderen Format (GIF, PNG) vorliegen. Es muss dann aber auf jeder Internet Seite referenziert werden. Angenommen Sie haben ein Icon erstellt, dieses unter dem Namen meinicon.png gespeichert und in den Ordner /bilder Ihres Internet Auftritts kopiert. In diesem Fall muss im Header der Internetseite folgendes Zeile ergänzt werden:
<link rel="icon" type="image/png" href="/bilder/meinicon.png">
meinicon.png in der Größe 32 x 32 Pixel:
So kann man gezielt auf einer Seite (wie hier) ein anderes Favicon nutzen. Alle anderen Seiten arbeiten mit favicon.ico im Startverzeichnis.