Was ist ein Favicon?

Ein Favicon ist das kleine Symbol oder Icon, das im Browser-Tab neben dem Seitentitel angezeigt wird. Du siehst es auch in der Lesezeichenleiste und auf dem Startbildschirm, wenn jemand eine Website als App-Shortcut auf seinem Smartphone speichert.

Der Name kommt aus dem Englischen: “Favorite Icon”, also das Symbol für favorisierte Seiten. Auch wenn die Lesezeichenfunktion heute keine so zentrale Rolle mehr spielt, ist das Favicon geblieben und hat an Bedeutung gewonnen. Es ist das erste visuelle Branding-Element, das Nutzer sehen, bevor sie auch nur einen Blick auf den eigentlichen Seiteninhalt werfen.

Warum ein Favicon kein Nebensächlichkeit ist

Ein fehlendes oder generisches Favicon fällt auf, und zwar negativ. Wer mehrere Tabs gleichzeitig offen hat, orientiert sich an den kleinen Icons, um zwischen Seiten zu wechseln. Fehlt das Favicon oder zeigt es ein graues Standardbild, wirkt die Seite unfertig oder unprofessionell. Das ist ein kleines Detail mit großem Effekt auf den ersten Eindruck.

Technisch gesehen gibt es heute mehrere Varianten eines Favicons, die eine Website bereitstellen sollte. Das klassische 16x16 Pixel ICO-Format für ältere Browser ist nur der Anfang. Modern sind SVG-Favicons für skalierbare Darstellung und verschiedene PNG-Größen für Apple-Geräte sowie Android-Homescreen-Icons. Wer eine Website professionell aufsetzt, definiert mindestens fünf bis sechs verschiedene Favicon-Varianten, die für unterschiedliche Kontexte optimiert sind.

Das klingt aufwendig. In der Praxis gibt es Tools wie RealFaviconGenerator, die aus einem einzelnen Bild alle benötigten Varianten automatisch erzeugen. Die Einbindung in den HTML-Head der Website geschieht dann über wenige Zeilen Code.

Für deine Marke gilt: Das Favicon sollte erkennbar sein, auch in sehr kleiner Darstellung. Ein komplexes Logo funktioniert auf 16x16 Pixeln nicht. Die meisten Marken verwenden deshalb nur einen Teil des Logos oder ein vereinfachtes Icon-Element. Ein einzelner Buchstabe, ein Symbol oder eine stark reduzierte Version des Logos funktionieren am besten.

Wenn du eine neue Website aufbaust oder bestehende gestalterische Elemente überarbeitest, ist das Favicon eines der Details, das wir bei Business.Digital immer mitdenken. Für ein Gespräch über dein Webprojekt steh ich dir gerne zur Verfügung, buche einfach einen kostenlosen Termin.