Favicon-Größen 2026 — Multi-Size-ICO + apple-touch-icon + SVG, der moderne Stack
Tomoda HinataTool-Autor & MaintainerVeröffentlicht am 26. Apr. 2026ca. 5 Min. Lesezeit
Früher reichte ein 16×16-favicon.ico im Root. Der moderne Browser-Stack erwartet mehr: Multi-Size-ICO (16/32/48), apple-touch-icon für iOS, SVG-Favicon für vektorscharfe Anzeige in jeder Größe, optional Manifest-Icons für PWA-Installs.
Im Leitfaden verwendete Tools
Welche Größen nutzt der moderne Tab?
Chrome/Edge 16/32, Firefox 16/32, Safari 16/32 (32 in Bookmarks), Windows-Taskleiste pinned 48. ICO mit 16/32/48 deckt das ab. 64+ sind für Manifest, nicht ICO.
Warum apple-touch-icon Pflicht ist
iOS Safari nutzt es bei ‚Zum Home-Bildschirm‘; ohne es rastert iOS einen niedrigen Screenshot. 180×180 PNG ist die native Zielgröße; iOS rundet die Ecken.
SVG-Favicon — vektorscharf, gratis Dark Mode
Firefox 41+/Chrome 80+/Safari 9+/Edge 80+. `<style>` + `@media (prefers-color-scheme: dark)` schaltet automatisch um.
PWA-Manifest-Icons
192×192 + 512×512 PNG, referenziert in manifest.webmanifest.
Minimales modernes Setup
head: SVG → ICO → apple-touch-icon → manifest (PWA).
Schritte
ca. 1 Min.Quadratisches 512×512 droppen
Quadratisch ist Pflicht.
Multi-Size-ICO erzeugen
16/32/48 zusammengefasst.
apple-touch-icon erzeugen
180×180 PNG ohne Rundung; iOS rundet automatisch.
Im Site-Root ablegen
Im head wie oben verlinken.
| Asset | Größe | Zweck |
|---|---|---|
| favicon.ico (16+32+48) | 5–8 KB | Tabs/Bookmarks/Pinned |
| favicon.svg | 1–4 KB | Vektor + Dark Mode |
| apple-touch-icon.png | 8–15 KB | iOS Home |
| icon-192.png | 10–18 KB | PWA Android |
| icon-512.png | 25–60 KB | PWA Splash |
Häufig gestellte Fragen
Brauche ich noch favicon.ico, wenn ich SVG habe?
Ja — Legacy-Browser und Link-Previews erwarten /favicon.ico.
Warum 180×180?
iOS-native Zielgröße auf High-Resolution-iPhones.
64 in ICO?
Optional; bei IE-Anteil < 0.1% weglassen.
Dark-Mode-SVG schreiben?
In SVG `<style>` mit `prefers-color-scheme` und Klassen.
ICO mit Transparenz?
Modernes ICO unterstützt Alpha pro Sub-Image.
Werden Dateien hochgeladen?
Nein.
Jetzt ausprobieren
Turn any image into a multi-size ICO file
ICO / Favicon MakerDieser Artikel enthält KI-Übersetzungen. Bitte Fehler melden.