Was ist ein Favicon?
Wenn Sie im Internet surfen, ist es Ihnen bestimmt schon aufgefallen: In jedem Browser-Tab erscheint links neben dem Seitentitel ein kleines Symbol. Dieses Symbol nennt man Favicon – kurz für «Favourites Icon». Auch wenn es winzig ist, spielt es für den Wiedererkennungswert und die Benutzerfreundlichkeit einer Website eine wichtige Rolle.
![]()
Ein Favicon ist ein kleines quadratisches Symbol, meist im Format 16x16 oder 32x32 Pixel, das im Browser angezeigt wird. Es erscheint:
- in der Tab-Leiste des Browsers
- in der Lesezeichen-Übersicht
- beim Abspeichern einer Website auf dem Homescreen (vor allem auf Mobilgeräten)
- teilweise in Suchergebnissen von Google (neben dem Seitentitel)
Favicons helfen Nutzerinnen und Nutzern dabei, eine Website visuell schneller zu erkennen – besonders wenn mehrere Tabs geöffnet sind. Sie sind also ein wichtiger Teil des Markenauftritts im Web.
Wie sieht ein gutes Favicon aus?
Ein gutes Favicon ist einfach, klar und markentypisch. Da es sehr klein dargestellt wird, sollten komplexe Grafiken oder lange Schriftzüge vermieden werden. Meistens verwendet man das Firmenlogo (oder einen Teil davon) in vereinfachter Form. Farben, Formen und Stil sollten zur restlichen Website und zum Corporate Design passen. Damit ein Favicon auch im Darkmode gut aussieht, sollte es entweder vollflächig quadratisch mit einem klaren Hintergrund gestaltet sein oder eine transparente Fläche verwenden. Letzteres ist besonders bei Logos sinnvoll, die nicht auf einen einheitlichen Hintergrund angewiesen sind. So wirkt das Symbol sowohl auf hellen als auch auf dunklen Browseroberflächen stimmig und professionell.
Technisch gesehen wird das Favicon in den Head-Bereich einer Website eingebunden. Moderne Websites liefern Favicons oft in mehreren Grössen und Formaten aus (für Retina-Displays, mobile Geräte oder als Web App Icons).
Sie möchten ein Favicon?
Lassen Sie Ihr Favicon von uns erstellen und technisch korrekt einbinden – nehmen Sie mit uns Kontakt auf.