Favicon testen und prüfen (kostenloser Checker)
In Chrome, Safari, Firefox, iOS und Android, automatisiert und von Hand.
Der schnelle Weg: automatisierter Scan
Füge deine URL in einen Favicon-Checker ein und er ruft die Live-Seite ab, parst den <head>, listet jedes Icon-Tag auf und markiert, was auf den Desktop-, Apple-, Android- und Manifest-Oberflächen fehlt oder kaputt ist. Es ist die eine Prüfung, die alles auf einmal abdeckt.
Die Reihenfolge, in der du prüfst
- 1
Führe einen automatisierten Scan aus
Scanne deine Live-URL, um jedes Favicon-Tag aufzulisten und fehlende oder kaputte Icons zu markieren.
- 2
Prüfe den Browser-Tab
Mach einen Hard-Refresh und bestätige, dass das Icon im Tab auf Desktop-Browsern gestochen scharf gerendert wird.
- 3
Prüfe Lesezeichen und die Adressleiste
Setze ein Lesezeichen auf die Seite, um zu bestätigen, dass das 16x16-Icon in kompakten Kontexten lesbar ist.
- 4
Prüfe iOS- und Android-Startbildschirme
Füge die Seite auf iOS zum Startbildschirm hinzu und installiere die PWA auf Android, um das apple-touch-icon und die Manifest-Icons zu überprüfen.
- 5
Prüfe das Favicon im Suchergebnis
Bestätige, dass das Icon, das Google neben deinem Ergebnis anzeigt, das aktuelle ist.
Die manuelle Checkliste
| Oberfläche | Was zu tun ist |
|---|---|
| Browser-Tab | Mach einen Hard-Refresh (Cmd+Shift+R / Ctrl+F5) in Chrome, Safari und Firefox. Das Icon sollte bei 16-32px gestochen scharf sein, nicht unscharf oder verpixelt. |
| Lesezeichen & Adressleiste | Setze ein Lesezeichen auf die Seite. Das zeigt das 16x16-Icon in seinem engsten Kontext. Wenn es hier unlesbar ist, vereinfache die Grafik. |
| iOS: Zum Startbildschirm hinzufügen | In Safari: Teilen → Zum Startbildschirm hinzufügen. iOS verwendet das apple-touch-icon, nicht favicon.ico, deshalb fängt das eine ganze Klasse fehlender Tags ab. |
| Android- / PWA-Installation | Installiere die App in Chrome auf Android. Die Startbildschirm- und Splash-Icons stammen aus der manifest.json, deshalb überprüft das, ob deine Manifest-Icons aufgelöst werden. |
| Google-Suchergebnis | Suche nach deiner Marke und bestätige, dass das Favicon neben deinem Ergebnis aktuell ist. Google benötigt mindestens ein 48x48-Icon und aktualisiert es beim erneuten Crawlen. |
Die Größen, die jede Prüfung beansprucht
Wie vollständige Abdeckung aussieht
Ein vollständiger Favicon-Satz deckt Browser-Tabs, Lesezeichen, die Suche, iOS, Android, Windows-Kacheln und das PWA-Manifest ab. Wenn dein Scan Lücken zeigt, ist das fehlende Markenidentität. Lies, warum Favicon-Abdeckung wichtig ist, und sieh dir die vollständige Favicon-Größen-Referenz an.
Häufig gestellte Fragen
Wie prüfe ich, ob mein Favicon funktioniert?
Führe einen automatisierten Favicon-Scan deiner Live-URL aus, um zu bestätigen, dass jedes Tag aufgelöst wird, und überprüfe das Icon dann manuell in einem Browser-Tab, einem Lesezeichen, auf einem iOS-Startbildschirm und in einer installierten PWA.
Wie sehe ich ein Favicon in der Vorschau, bevor ich live gehe?
Die meisten Generatoren zeigen eine Live-Tab-Vorschau, während du gestaltest. Um die echten Dateien zu validieren, öffne jede Icon-URL direkt und bestätige, dass Größe und Format mit dem übereinstimmen, was deine Link-Tags referenzieren.
Warum ist mein Favicon in der Google-Suche anders als im Browser?
Google cacht das Favicon aus seinem letzten Crawl und benötigt mindestens ein 48x48-Icon. Der Browser zeigt deine aktuelle Datei sofort an, während die Suche erst aktualisiert, nachdem Google erneut gecrawlt hat.