Favicon – das kleine Icon mit grosser Wirkung
Favicon ist die Kurzform für «Favorites Icon» und bezeichnet das kleine Symbol, das im Browser-Tab, in den Lesezeichen und teils auch in der Google-Suche neben einer Webseite erscheint. Es macht eine Seite auf einen Blick erkennbar, egal wie viele Tabs gerade offen sind.
- Website-Icon
Was ist ein Favicon?
Ein Favicon, kurz für «Favorites Icon», ist ein kleines Bild, meist 16×16 oder 32×32 Pixel gross, das eine Webseite im Browser-Tab, in den Lesezeichen und in der Chronik repräsentiert. Technisch steckt wenig dahinter: Eine Bilddatei, meist favicon.ico, .png oder mittlerweile auch .svg, liegt im Hauptverzeichnis der Webseite oder wird über ein Meta-Tag im HTML-Header eingebunden. Der Browser lädt diese Datei automatisch und zeigt sie überall dort, wo Platz für ein kleines Symbol ist.
Funfact
In den Anfangszeiten des Favicons luden ältere Browser das Icon nur für Seiten, die ein Nutzer tatsächlich als Lesezeichen gespeichert hatte. Wer als Betreiber die Server-Logs auswertete, konnte an der Anzahl der Favicon-Anfragen ablesen, wie viele Besucher die eigene Seite gebookmarkt hatten. Ein früher, ungewollter Analytics-Trick.
Warum ist das Favicon für meine Webseite wichtig?
Ohne Favicon zeigt der Browser-Tab nur ein graues Platzhalter-Symbol oder ein leeres Blatt. Das wirkt schnell unfertig, gerade wenn Besucher mehrere Tabs offen haben und Ihre Seite darin wiederfinden sollen. Ein eigenes Favicon, meist das Firmenlogo in vereinfachter Form, schafft Wiedererkennung: in der Tab-Leiste, in den Lesezeichen und in der Browser-Chronik. Auch in Google-Suchergebnissen auf dem Smartphone erscheint das Favicon neben dem Seitentitel und sticht so in der Ergebnisliste heraus. Wer eine Webseite mit admiralCX pflegt, lädt das Favicon direkt im Backend hoch, ohne Serverzugriff oder technisches Vorwissen.
Ein Icon für alle Geräte
Heute reicht eine einzelne Favicon-Datei oft nicht mehr aus. iPhones und iPads verwenden ein eigenes «Apple Touch Icon» in grösserer Auflösung, sobald eine Seite auf dem Homescreen gespeichert wird. Android-Geräte greifen dafür auf die Angaben in einer Web-App-Manifest-Datei zurück. Moderne Webseiten liefern deshalb meist ein ganzes Set an Icon-Grössen aus, dazu passend das SVG-Format, das sich sogar automatisch an den Dark Mode des Browsers anpassen kann.