Startseite Glossar Favicon
Webdesign

Favicon

Ein Favicon ist das kleine Icon das im Browser-Tab neben dem Seitentitel erscheint – sowie in Lesezeichen, der Browserhistorie und auf dem Homescreen von Smartphones.

So setzen Sie ein Favicon richtig ein

Ein Favicon sollte auch in sehr kleiner Größe (oft nur 16×16 Pixel) noch erkennbar sein – komplexe Logos mit vielen Details oder Text funktionieren hier meist schlecht. Häufig wird deshalb ein vereinfachtes Symbol oder ein einzelner Buchstabe aus dem Logo verwendet.

Technisch sollte das Favicon in mehreren Formaten und Größen bereitgestellt werden, damit es auf unterschiedlichen Geräten und Browsern korrekt angezeigt wird, inklusive Homescreen-Icons auf Smartphones.

Warum ein Favicon für Ihr Unternehmen zählt

Ein fehlendes oder falsches Favicon wirkt unprofessionell und kann bei mehreren offenen Browser-Tabs dazu führen, dass Besucher Ihre Seite gar nicht wiederfinden. Ein kleines Detail, das trotzdem zum Gesamteindruck einer durchdachten Marke beiträgt.

Typische Fehler beim Favicon

  • Komplexes Logo mit vielen Details, das in Kleinformat unkenntlich wird
  • Fehlendes Favicon, Browser zeigen ein leeres Standard-Icon
  • Falsches Format ohne Unterstützung für Homescreen-Icons
  • Favicon wird nach einem Logo-Relaunch nicht aktualisiert
Praxistipp: Prüfen Sie Ihr Favicon direkt in mehreren offenen Browser-Tabs – so sehen Sie sofort, ob es bei sehr kleiner Darstellung noch erkennbar bleibt.

Auch die Dateigröße spielt eine Rolle: Ein zu großes Favicon kann minimal, aber messbar zur Ladezeit beitragen, da es auf jeder einzelnen Unterseite erneut geladen wird. Ein optimiertes, kleines Icon-Format ist deshalb nicht nur eine Geschmacksfrage, sondern auch eine technische.

Häufige Fragen zu „Favicon“

Ein Favicon ist das kleine Icon das im Browser-Tab neben dem Seitentitel erscheint – sowie in Lesezeichen, der Browserhistorie und auf dem Homescreen von Smartphones.

Ein Favicon erhöht die Wiedererkennung wenn Nutzer mehrere Tabs geöffnet haben. Es signalisiert Professionalität und ist Teil eines konsistenten Markenauftritts – klein aber wirkungsvoll.

Wir setzen Favicon in jedes Projekt ein – von Anfang an, nicht als Nachgedanke. Im kostenlosen Analysegespräch zeigen wir Ihnen konkret, wie Ihr Unternehmen davon profitieren kann. Jetzt Termin buchen →

Verwandte Begriffe im Glossar

Eine Progressive Web App (PWA) ist eine Website die sich wie eine App verhält und zum Homescreen hinzugefügt werden kann. Hier ist ein hochwertiges Icon besonders sichtbar.

Bereit für Ihren Platzhirsch-Moment?

Theorie ist gut – Ergebnisse sind besser. Im kostenlosen Analysegespräch zeigen wir Ihnen, wie wir Favicon konkret für Ihr Unternehmen einsetzen.