Ein Favicon (aus favorite icon) ist das kleine Markensymbol, das Browser im Tab, in der Adressleiste, in Lesezeichen und in der Suchhistorie anzeigen. Es wurde 1999 von Microsoft Internet Explorer 5 eingeführt und ist heute ein elementarer Bestandteil jeder professionellen Webpräsenz.
Technisch unterstützen moderne Browser mehrere Formate und Größen: Die klassische .ico-Datei kann mehrere Bildversionen (16 × 16, 32 × 32, 48 × 48 px) in einer einzigen Datei bündeln und wird von praktisch allen Browsern verstanden. Daneben sind SVG-Favicons (<link rel="icon" type="image/svg+xml">) zunehmend verbreitet, da sie verlustfrei skalieren und Dark-Mode-Anpassungen per CSS ermöglichen. Für Apple-Geräte wird zusätzlich ein apple-touch-icon in 180 × 180 px benötigt, das beim Hinzufügen einer Website zum iOS-Homescreen verwendet wird. Progressive Web Apps (PWA) erfordern darüber hinaus Icons in 192 × 192 und 512 × 512 px im PNG-Format.
Die Designanforderungen an ein Favicon unterscheiden sich fundamental von denen eines Profilbilds: Bei 16 × 16 px sind Details und Text kaum lesbar – ein Favicon muss als abstrahiertes Symbol funktionieren, nicht als verkleinertes Foto. Gängige Fehler sind zu viele Details, geringer Kontrast zum Browser-Chrome oder das simple Skalieren eines komplexen Logos, das bei dieser Größe unleserlich wird.
Im Kontext von Profilbild.com ist das Favicon das erste visuelle Signal, das potenzielle Nutzer in ihren Browser-Tabs sehen – ein gepflegtes, klares Icon signalisiert Professionalität, bevor die Seite überhaupt vollständig geladen hat.