Wie viele Favicons braucht eine Website?

Wie viele Favicon-Dateien braucht eine Website wirklich?

Die kurze Antwort: nicht so viele, wie man vielleicht denkt. Die lange Antwort: hängt stark von den Anforderungen deiner Website ab.

In diesem Artikel erfährst du:

Welche Favicon-Dateien wirklich wichtig sind.
Für welche Geräte du eigene Icons benötigst.
Warum es nicht sinnvoll ist, 30+ Favicons auszuliefern.
Best Practices für Performance, SEO und Wartung.

Historischer Hintergrund

In den frühen 2000ern gab es nur ein einziges Favicon-Format: die .ico-Datei, meist in der Größe 16x16 Pixel. Alle Browser erwarteten genau dieses eine Icon. Heute sieht die Lage anders aus: Smartphones, Retina-Displays, Progressive Web Apps (PWAs) und Betriebssysteme wie Windows oder macOS verlangen nach Icons in deutlich höheren Auflösungen.

Die Realität heute

Viele Online-Generatoren produzieren automatisch über 30 Favicon-Dateien – von 16x16 bis 4096x4096 Pixel.

Doch brauchst du die wirklich alle? Nein. Die Wahrheit ist: Mit einer guten Auswahl von 5–8 Icons deckst du fast alle Szenarien ab.

Halte deine Favicon-Dateien so klein wie möglich. Jede unnötige Datei verlangsamt deine Website ein wenig und erhöht den Pflegeaufwand.

Unverzichtbare Basis

Folgende Dateien solltest du unbedingt haben:

favicon.ico – Enthält mehrere Größen (16, 32, 48px). Wird von fast allen Browsern als Fallback genutzt.
favicon-32x32.png – Standard für moderne Browser.
apple-touch-icon-180x180.png – Pflicht für iOS und iPadOS.
android-chrome-192x192.png – Wird für Android PWAs benötigt.
android-chrome-512x512.png – Pflicht für Add-to-Homescreen und den Google Play Store.
manifest.json – Enthält Referenzen auf deine PWA-Icons.
Safari pinned tab icon (SVG) – Für Safari auf macOS.

Damit hast du bereits fast 100 % aller Endgeräte abgedeckt.

Optional sinnvoll

150x150 PNG für Windows Tiles.
Maskable Icons für Android, wenn du ein sauberes Homescreen-Icon willst.
512x512+ für hochauflösende Apps (z. B. PWAs).

Teste deine Website auf echten Geräten. So findest du heraus, ob dir wirklich ein bestimmtes Icon fehlt.

Welche Dateien du weglassen kannst

Exotische Größen wie 70x70 oder 310x310 werden selten gebraucht.
Sehr große Icons wie 2048 oder 4096px sind unnötig, es sei denn, du hast spezielle Designanforderungen.
GIF- oder BMP-Icons sind technisch möglich, aber nicht mehr zeitgemäß.

Best Practices

Setze auf Qualität statt Quantität. Ein sauberes Set aus ICO, ein paar PNGs, einer SVG-Datei und dem Manifest reicht völlig aus.

Beispiele für ein minimales, aber vollständiges Set:- favicon.ico (16, 32, 48px integriert) - favicon-32x32.png - apple-touch-icon-180x180.png - android-chrome-192x192.png - android-chrome-512x512.png - safari-pinned-tab.svg

manifest.json

SEO & Performance

Google selbst empfiehlt, das Favicon in der Google-Suche als 48x48 PNG bereitzustellen.

Mehr brauchst du für SEO nicht. Alles andere ist reiner Overhead.

Nutze für die Generierung unser eigenes Tool: Favicon Generator. So stellst du sicher, dass keine unnötigen Dateien produziert werden.

Fazit

Die Antwort auf die Frage „Wie viele Favicon-Dateien braucht eine Website wirklich?“ lautet:

Meistens nur 6–8 gut gewählte Dateien.

Mehr brauchst du nicht – außer du hast sehr spezielle Anforderungen oder musst extrem viele Endgeräte unterstützen.

Weniger ist hier tatsächlich mehr.