Favicon
Ein Favicon (Kurzform von Favorites Icon) ist ein kleines Symbol oder Logo, das eine Website im Browser visuell repräsentiert. Es erscheint typischerweise in der Tab-Leiste, in Lesezeichen, in der Chronik und manchmal in Suchergebnissen oder App-Icons auf Mobilgeräten.
Beispiel
Das kleine Icon links neben dem Seitentitel in deinem Browser-Tab von denkstroeme.com – meist im Format 16×16 oder 32×32 Pixel – ist das Favicon der Website.
Funktion & Nutzen
- Wiedererkennungswert einer Marke oder Website stärken
- Visuelle Orientierung bei mehreren offenen Tabs
- Professioneller, markenkonformer Webauftritt
- Darstellung in „Add to Home“-Shortcuts auf mobilen Geräten
Technische Integration
<link rel="icon" type="image/png" href="/favicon.png">
Best Practices
- Quadratisches Format (idealerweise als .ico, .png oder .svg)
- Optimiert für verschiedene Größen (16x16 bis 512x512 Pixel)
- Im Root-Verzeichnis der Website gespeichert
- Responsive Favicons für Browser, Mobile und Betriebssysteme (z. B. Apple Touch Icon)
- Valides Markup in der <head>-Sektion
Ein fehlendes oder verpixeltes Favicon wirkt unprofessionell. Es ist ein kleines, aber sichtbares Detail mit großer Markenwirkung.
