Brauchst du wirklich jede Favicon-Datei oder nur favicon.ico?
Ein Generator gibt dir einen Ordner voller Icon-Dateien. Die meisten Sites nutzen nur eine Handvoll davon. Hier erfährst du, wofür jede einzelne tatsächlich da ist, damit du die ausliefern kannst, die deine Oberflächen brauchen, und den Rest mit gutem Gewissen weglässt.
Warum Generatoren dir das ganze Kit geben
Ein Favicon-Generator exportiert ein Dutzend oder mehr Dateien, weil er nicht wissen kann, welche Oberflächen dir wichtig sind, also deckt er alle auf einmal ab: jeden Browser, iOS, Android, PWA-Installation, Windows-Kacheln, das ganze Programm. Das ist ein sinnvoller Standard: Die Dateien sind winzig und ein paar ungenutzte auszuliefern kostet nichts außer ein bisschen Unordnung.
Aber mehr Dateien bedeuten kein besseres Favicon. Nur ein umfassender abgedecktes. Ob diese Abdeckung etwas wert ist, hängt vollständig davon ab, welche Oberflächen deine Besucher tatsächlich erreichen, und für viele Sites ist das eine kurze Liste.
Wofür jede Datei da ist und wer sie braucht
| Datei(en) | Oberfläche, die sie bedient | Brauchst du sie? |
|---|---|---|
| favicon.ico | Browser-Tabs, Lesezeichen, Crawler, Feed-Reader | Ja, immer |
| favicon.svg / 32px-PNG | Schärferes Tab-Icon in modernen Browsern | Nett zu haben |
| apple-touch-icon (180) | Verknüpfung auf dem iOS-Startbildschirm | Nur wenn Leute deine Site auf einem iPhone speichern |
| manifest + 192/512-PNG | Android- und PWA-Installation | Nur wenn es eine installierbare App ist |
| maskable Icon | Formung des adaptiven Android-Icons | Nur für eine PWA |
| 48px+-Icon | Das Favicon in den Google-Suchergebnissen | Ja, wenn dir wichtig ist, wie du in der Suche aussiehst |
Das ehrliche Minimum
Für eine schlichte Marketing-Site, einen Blog oder eine Doku-Seite ist eine einzige favicon.ico mit 16-, 32- und 48-Pixel-Versionen wirklich genug. Füge ein SVG hinzu, wenn du ein gestochen scharfes Icon auf hochauflösenden Bildschirmen willst, und fertig. Niemand installiert deinen Blog auf dem Startbildschirm, also liegen das apple-touch-icon und die Manifest-Icons dort ungenutzt herum.
Der 48-Pixel-Eintrag erfüllt eine Doppelfunktion: Es ist zugleich die Größe, die Google verlangt, bevor es ein Favicon neben deinem Ergebnis anzeigt, sodass eine gute .ico ganz nebenbei auch deine Darstellung in der Suche abdeckt.
Wann der vollständige Satz seinen Platz verdient
Die zusätzlichen Dateien sind in dem Moment nicht mehr optional, in dem du die Oberflächen nutzt, die sie bedienen. Eine installierbare PWA bietet ohne ein 192 und ein 512 in ihrem Manifest nicht einmal die Installation an. Eine App, die Leute zum iPhone-Startbildschirm hinzufügen, sieht ohne ein apple-touch-icon kaputt aus, weil iOS auf einen unscharfen Screenshot zurückgreift. Ein Produkt, das auf den Dark Mode setzt, will ein themenbewusstes Icon, damit es nicht gegen die Tab-Leiste verschwindet.
Auf diesen Sites sind die "zusätzlichen" Icons überhaupt nicht zusätzlich: Sie sind die einzige Möglichkeit, auf Oberflächen gut auszusehen, die deine Nutzer wirklich erreichen. Abdeckung zählt genau dort, wo sie genutzt wird, und das ist genau der Punkt, den das Argument für vollständige Abdeckung macht.
Sollte ein Generator dich also wählen lassen?
Unsere Meinung: den vollständigen Satz zu exportieren ist der richtige Standard, weil er sicher ist und dich fast nichts kostet. Aber du solltest dich ruhig frei fühlen, nur das auszuliefern, was deine Oberflächen brauchen (eine favicon.ico für alle, plus ein apple-touch-icon und ein Manifest, wenn du eine App oder eine PWA hast), und den Rest ohne schlechtes Gewissen zu löschen.
Das nützliche Denkmodell ist nicht "wie viele Favicon-Dateien sollte ich haben", sondern "auf welchen Oberflächen erscheine ich tatsächlich". Beantworte das, und die Dateiliste beantwortet sich von selbst.
Häufig gestellte Fragen
Brauche ich all diese Favicon-Größen?
Nein. Eine favicon.ico mit 16-, 32- und 48-Pixel-Versionen deckt Browser-Tabs und das Google-Suchsymbol ab. Die anderen Größen gehören zu bestimmten Oberflächen (iOS-Startbildschirme, Android- und PWA-Installation), also liefere sie nur aus, wenn du sie nutzt.
Reicht nur favicon.ico?
Für Browser-Tabs in jedem Browser: ja. Für Verknüpfungen auf dem iOS-Startbildschirm, PWA-Installation oder ein themenbewusstes Dark-Mode-Icon reicht sie nicht, und jedes davon braucht seine eigene Datei. Wenn du diese Oberflächen nicht nutzt, ist eine einzige gute .ico in Ordnung.
Hilft es dem SEO, mehr Favicon-Dateien zu haben?
Nein. Zusätzliche Icons bringen keinen Ranking-Vorteil. Google braucht nur ein Icon von mindestens 48x48, um ein Favicon in den Ergebnissen anzuzeigen; die weiteren Dateien bedienen Oberflächen außerhalb der Suche und beeinflussen das Ranking nicht.
Verlangsamen ungenutzte Favicon-Dateien meine Site?
Kaum. Eine Datei wird nur abgerufen, wenn eine Oberfläche sie tatsächlich anfordert, und Favicons werden nach dem ersten Laden aggressiv gecacht. Die eigentlichen Kosten, Icons auszuliefern, die du nicht nutzt, sind Unordnung in deinem Projekt, nicht die Ladegeschwindigkeit.