Favicon-Prüfer

Überprüft, ob eine Website die erforderlichen Favicon-Größen hat (16x16, 32x32, 180x180 Apple Touch, Web-Manifest). Überprüft, ob jede Symbol-URL erreichbar ist. Bewertung A-F.

So verwenden Sie Favicon-Prüfer

  1. 1Geben Sie Ihre Website-URL ein.
  2. 2Das Tool ruft das HTML ab und findet alle Favicon-Link-Tags und ein Web-Manifest.
  3. 3Jede Favicon-URL wird auf Erreichbarkeit per HEAD-Anfrage überprüft.
  4. 4Überprüfen Sie fehlende Größen und erhalten Sie Empfehlungen für eine vollständige Favicon-Einrichtung.
ZenovayAnalytics

Wissen Sie, was Ihre Besucher wirklich tun.

  • Besucher-Tracking in Echtzeit
  • Datenschutz zuerst, kein Cookie-Banner
  • In zwei Minuten eingerichtet
Zenovay entdecken

Häufig gestellte Fragen

Welche Favicon-Größen benötigen Browser?
16x16 wird in Browser-Tabs und Lesezeichen verwendet. 32x32 wird von der Windows-Taskleiste und hochauflösung-Tabs verwendet. 48x48 wird von Windows-Desktop-Verknuepfungen verwendet. 180x180 (Apple Touch Icon) wird verwendet, wenn iOS/macOS-Nutzer Ihre Website zum Startbildschirm hinzufügen. Web-App-Manifest-Icons (192x192 und 512x512) werden für den Android-Startbildschirm und PWA-Startbildschirme verwendet.
Was ist ein Web-App-Manifest?
Ein Web-App-Manifest (site.webmanifest oder manifest.json) ist eine JSON-Datei, die Browsern mitteilt, wie Ihre Website als PWA (Progressive Web App) angezeigt werden soll. Sie enthaelt Icons, App-Name, Designfarbe und Anzeigemodus. Ohne ein Manifest können Nutzer Ihre Website nicht als eigenstaendige App auf Mobilgeraeten installieren.
Warum ist das Apple Touch Icon wichtig?
Wenn iOS- oder macOS-Nutzer auf 'Zum Startbildschirm hinzufügen' tippen, verwendet Safari das apple-touch-icon als App-Icon auf ihrem Geraet. Ohne es erstellt iOS einen Screenshot Ihrer Seite als Icon, was unprofessionell aussieht. Die empfohlene Größe ist 180x180 Pixel. Fuegen Sie keine Schlagschatten oder abgerundete Ecken hinzu - iOS wendet diese automatisch an.
Müssen alle Favicons separate Bilddateien sein?
Sie können ein einzelnes SVG-Favicon bereitstellen, das mit <link rel="icon" type="image/svg+xml" href="/favicon.svg"> perfekt auf jede Größe skaliert. SVG-Favicons funktionieren in Chrome 80+, Firefox 41+ und Safari 9+. Für ältere Browser behalten Sie /favicon.ico als Fallback. Ein vollständiges modernes Favicon-Setup verwendet: favicon.ico, favicon.svg, 16x16 PNG, 32x32 PNG und 180x180 apple-touch-icon.png.
Was ist der Streisand-Effekt bei Favicon-Pfaden?
Die Offenlegung nicht-standardmaessiger Favicon-Pfade (wie /brand/assets/icons/favicon-v3.png) in Ihrem HTML ist kein Sicherheitsrisiko, kann aber interne Versionierung oder Markenstruktur enthuelln. Stellen Sie Favicons immer von konventionellen Pfaden (/favicon.ico, /apple-touch-icon.png) bereit, um das Preisgeben interner Informationen zu vermeiden.