Webdesignerin
Webdesignerin
Dipl. Wi. Infrom. Susanne Wollatz
Favicon
Ein Favicon ist das kleine Symbol, das im Browser-Tab neben dem Seitentitel angezeigt wird. Es hilft Nutzern, eine Website auf einen Blick zu erkennen, zum Beispiel in geöffneten Tabs oder in den Lesezeichen.
Das Favicon (kurz für „Favorite Icon“) ist ein kleines Bild, das eine Website visuell kennzeichnet. Es wird im Browser-Tab, in den Lesezeichen, in der Verlaufsliste und teilweise auch bei mobilen Suchergebnissen angezeigt.
Meist hat ein Favicon die Größe von 16×16 oder 32×32 Pixeln und wird als Datei mit der Endung .ico, .png oder .svg eingebunden.
Es dient nicht nur der Wiedererkennung, sondern vermittelt auch Professionalität und Vertrauen — eine Website ohne Favicon wirkt oft unvollständig.
Das Favicon wird im HTML-Dokument im Kopfbereich (Head) eingebunden.
Beispiel: <link rel=“icon“ href=“/favicon.ico“ type=“image/x-icon“>
ELBBYTE – Favicon
Für moderne Browser und Geräte gibt es auch spezielle Varianten, wie etwa Touch Icons für iPhones oder PWA-Icons (Progressive Web Apps). Diese sorgen dafür, dass das Symbol auch auf dem Startbildschirm von Smartphones korrekt angezeigt wird.
Ein klar gestaltetes, kontrastreiches Favicon stärkt das Markenbild und hilft, Ihre Website leichter wiederzufinden — besonders bei vielen geöffneten Tabs.
