Favicon-Größen-Leitfaden: Vollständige Größen-Referenz (2026)

Verwirrt über die benötigten favicon-Größen? Dieser vollständige Leitfaden deckt alle Standard-favicon-Größen für Browser, mobile Geräte und Plattformen ab.

Kurz gesagt: Diese 6 Größen brauchen Sie mindestens

Für stabile Darstellung in Chrome, Safari, Edge, iOS, Android und Windows empfehlen wir 16×16, 32×32, 48×48, 180×180, 192×192 und 512×512. Damit decken Sie die meisten Anwendungsfälle ab.

• 16×16: Standard für Browser-Tabs.
• 32×32: Tabs und Lesezeichen auf hochauflösenden Displays.
• 48×48: Windows und Verknüpfungen.
• 180×180: Apple Touch Icon (iPhone/iPad).
• 192×192: Android-Startbildschirm.
• 512×512: PWA und App-Store.

Empfohlene Strategie je Plattform

Oft liegt das Problem nicht an fehlenden Größen, sondern an uneinheitlichen Verweisen im HTML. Sorgen Sie für konsistente Dateien und korrekte link-Tags.

1. Zuerst favicon.ico (mit 16 und 32) bereitstellen.
2. Dann PNG: 32×32 und 192×192.
3. Für Apple-Geräte apple-touch-icon 180×180.
4. Bei PWA manifest.json mit 192 und 512 ergänzen.

Übersicht der gängigen Größen

• /favicon.ico (16 und 32)
• /favicon-16x16.png, /favicon-32x32.png
• /apple-touch-icon.png (180×180)
• /android-chrome-192x192.png, /android-chrome-512x512.png

Korrekte Einbindung im HTML

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

WordPress, Shopify, Astro

Bei WordPress wird das Favicon oft unter „Website-Identität“ gesetzt, bei Shopify in den Theme-Einstellungen, bei Astro/Next.js über Dateien in public/ und link-Tags. Prüfen Sie, ob das Theme zusätzliche icon-Tags einfügt und vermeiden Sie doppelte Angaben.

Häufige Probleme und Lösungen

1. Icon aktualisiert sich nicht: Hard-Reload und Browser-/CDN-Cache leeren.
2. Auf dem Handy sichtbar: 180×180 und Manifest-Icons prüfen.
3. Unscharf: Ausgangsbild mindestens 512×512, quadratisch.
4. Farbstiche: PNG bevorzugen, ICO-Kompression prüfen.
5. Suchmaschinen: Aktualisierung kann Tage bis Wochen dauern.

Checkliste vor dem Go-Live

• ICO, PNG, Apple Touch und ggf. PWA-Icons hochgeladen.
• Alle link-Tags ohne 404, Pfade exakt.
• Desktop und Mobil getestet.
• Nach Änderung Cache geleert.