Favicon-Größen 2026: Die kurze Liste, die alles abdeckt
Der alte Rat war ein Ordner mit zwanzig Icons. Die meisten davon zielen auf Geräte, die niemand mehr nutzt. Hier ist die kurze Liste, die 2026 jede echte Oberfläche abdeckt.
Warum die Liste kürzer wurde
Die ausufernden Favicon-Pakete des letzten Jahrzehnts existierten, um alte iOS-Versionen, alte Android-Launcher und Windows-Kacheln abzudecken. Diese Oberflächen sind verschwunden oder lesen die Tags nicht mehr. Icons dafür auszuliefern bringt nur Bytes und Link-Tags, die niemand mehr konsumiert.
Der moderne Satz zielt auf das, was noch existiert: den Browser-Tab, den iOS-Homescreen und den Android-Launcher übers Manifest. Sechs Dateien, und eine davon ist optional.
Die Größen, die du wirklich brauchst
| Größe | Verwendet für | Behalten? |
|---|---|---|
| 16, 32, 48 | Browser-Tab und Lesezeichen, gebündelt im favicon.ico | Behalten |
| 180x180 | apple-touch-icon für den iOS-Homescreen | Behalten |
| 192x192 | Android-Launcher-Icon, im Manifest gelistet | Behalten |
| 512x512 | PWA-Splash und Installationsaufforderung, im Manifest gelistet | Behalten |
| SVG | Gestochen scharfes Tab-Icon in jeder Größe, kann sich an den Dark Mode anpassen | Optional |
Größen, die du nicht mehr ausliefern solltest
| Größe | War für | Behalten? |
|---|---|---|
| 57, 60, 72, 76 | apple-touch-icon für iOS 6 und ältere iPads | Entfernen |
| 114, 120, 144, 152 | Retina-apple-touch-icon für alte iPhones und iPads | Entfernen |
| 70, 150, 310 | Windows-Kachel-Icons über browserconfig.xml | Entfernen |
| 96, 160, 196 | Diverse alte Android- und Chrome-Shortcut-Größen | Entfernen |
Zur Anzahl der apple-touch-icons
Die alten Pakete lieferten ein apple-touch-icon in jeder Retina-Größe, weil frühes iOS ein einzelnes Icon nicht gut skalierte. Aktuelles iOS nimmt ein 180x180-PNG und rechnet es für jeden Kontext herunter, den es braucht. Eine Datei ersetzt die ganze Leiter von apple-icon-57 bis apple-icon-152.
Dasselbe gilt für Android. Das Manifest listet 192 und 512, und der Launcher leitet den Rest ab. Du erstellst nicht jede Zwischengröße von Hand.
Häufig gestellte Fragen
Welche Favicon-Größen brauche ich 2026?
16, 32 und 48 in einem favicon.ico; ein 180x180 apple-touch-icon; ein 192x192- und ein 512x512-PNG fürs Manifest; und ein optionales SVG. Das deckt den Tab, iOS und Android ab.
Brauche ich noch apple-icon-57, 72 und 114?
Nein. Aktuelles iOS nimmt ein einziges 180x180 apple-touch-icon und skaliert es. Die Leiter der Retina-Größen zielte auf iOS-Versionen, die heute fast niemand mehr nutzt.
Sollte ich Windows-Kachel-Icons ausliefern?
Nein. Die Kachelgrößen 70, 150 und 310 und browserconfig.xml zielten auf Windows-Live-Kacheln, die eingestellt wurden. Lass sie weg.
Kann ein favicon.ico mehr als eine Größe enthalten?
Ja. Das .ico-Format ist ein Container, der 16, 32 und 48 in einer einzigen Datei enthält. Der Browser wählt die Größe, die er braucht, aus ihr heraus.