Was ist ein Favicon? Der komplette Leitfaden
Ein Favicon ist das kleine quadratische Icon, das ein Browser für deine Website anzeigt: im Tab, neben einem Lesezeichen, im Verlauf und auf dem Startbildschirm eines Smartphones. Es ist eine echte Bilddatei, die von deiner Domain ausgeliefert und im Head der Seite referenziert wird, meist in mehreren Größen bereitgestellt, damit jede Oberfläche die passende auswählen kann.
Wo ein Favicon tatsächlich auftaucht
Der Browser-Tab ist der offensichtliche Ort, aber der am wenigsten anspruchsvolle. Lesezeichenleisten, Verlaufslisten, Browser-Startseiten, Suchergebnisse, Link-Vorschauen in Chat-Apps und Smartphone-Startbildschirme greifen alle auf ein Icon zu, und einige davon verlangen eine deutlich größere Datei als der Tab.
Deshalb ist ein Favicon eigentlich ein Satz von Dateien und keine einzelne. Ein 16-Pixel-Tab-Icon und ein 180-Pixel-iOS-Startbildschirm-Icon sind unterschiedliche Bilder mit unterschiedlichen gestalterischen Einschränkungen, auch wenn sie aus derselben Bildmarke stammen.
Dieselbe Bildmarke in den Größen, die zählen
Favicon-FAQ
Ist ein Favicon Pflicht?
Kein Standard schreibt eines vor, aber Browser fordern trotzdem /favicon.ico an, und ein fehlendes Icon erscheint als leerer oder generischer Platzhalter. Bei einem neuen Produkt wirkt das unfertig.
Was ist der Unterschied zwischen einem Favicon und einem App-Icon?
Ein Favicon kennzeichnet deine Website innerhalb eines Browsers; ein App-Icon steht für eine installierte App auf einem Startbildschirm oder im Launcher. In der Praxis stammen sie aus derselben Grafik und werden zusammen ausgeliefert, weshalb Generatoren beide exportieren.