Favicon-Prüfer
Umfassende Prüfung
Prüft alle Favicon-Dateien einer Website in verschiedenen Formaten und Größen
Kompatibilitätscheck
Überprüft die Favicon-Kompatibilität auf verschiedenen Plattformen und Geräten
Optimierungsvorschläge
Bietet detaillierte Optimierungsempfehlungen und Best Practices
Dieses kostenlose Tool prüft, ob eine Website vollständig mit Favicons ausgestattet ist. Es testet die klassischen Favicon-Dateien, Apple-Touch-Icons, das Web-App-Manifest und gängige Meta-Tags und markiert alles, was fehlt oder falsch konfiguriert ist.
Es funktioniert für jede öffentliche Website: Geben Sie eine Domain oder URL ein und erhalten Sie sofort einen Bericht darüber, welche Favicon-Dateien vorhanden sind und welche noch fehlen.
- Fehlendes Favicon – keine favicon.ico oder Favicon-PNG gefunden
- Falsche Größe – Dateien entsprechen nicht der erwarteten Größe
- Kaputte URLs – Favicon-Dateien, die 404 liefern oder nicht laden
- Fehlendes apple-touch-icon – kein Icon für den iOS-Startbildschirm
- Fehlende PWA-Icons oder Web-App-Manifest
- Geben Sie die zu prüfende Website-URL ein.
- Klicken Sie auf Prüfen und warten Sie einige Sekunden.
- Prüfen Sie jeden Abschnitt: Klassische Favicons, Touch-Icons, Web-App-Manifest und Meta-Tags.
- Beheben Sie Fehler und führen Sie die Prüfung erneut durch.
Klassische Formate
favicon.ico
Traditionelles ICO-Format, kompatibel mit allen Browsern
favicon.png
Modernes PNG-Format mit transparentem Hintergrund
favicon.svg
Vektorformat mit Dark-Mode-Unterstützung
Mobile Geräte
Apple Touch Icon
Homescreen-Icon für iOS-Geräte
Android Chrome
PWA-Icon für Android
Web App Manifest
Konfigurationsdatei für PWAs
Complete Configuration Example
<!-- Basic Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest">
<!-- Android Chrome Icon -->
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<!-- Meta Tags -->
<meta name="theme-color" content="#ffffff">
<meta name="application-name" content="Your App Name">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">Warum werden mehrere Favicon-Formate benötigt?
Verschiedene Browser und Geräte unterstützen unterschiedliche Formate und Größen. Die Bereitstellung mehrerer Formate gewährleistet eine korrekte Anzeige auf allen Plattformen.
Ist das ICO-Format noch notwendig?
Obwohl moderne Browser das PNG-Format unterstützen, ist das ICO-Format immer noch die kompatibelste Wahl, insbesondere für ältere Browser.
Was ist ein Web App Manifest?
Ein Web App Manifest ist eine JSON-Datei, die Konfigurationsinformationen für PWAs (Progressive Web Apps) definiert, einschließlich Icons, Name, Themenfarbe usw.
Wie kann die Ladegeschwindigkeit des Favicons optimiert werden?
Verwenden Sie angemessene Dateigrößen und vermeiden Sie zu große Icon-Dateien. ICO-Dateien sollten mehrere Größen enthalten, und PNG-Dateien sollten komprimiert werden.
Was bedeutet ein fehlendes Favicon?
Wenn keine Favicon-Datei gefunden wird, fragen Browser standardmäßig /favicon.ico ab und zeigen ein generisches oder leeres Icon im Tab. Ein Favicon verbessert die Wiedererkennung Ihrer Marke und wirkt professioneller.
Warum wird mein Favicon in der falschen Größe angezeigt?
Browser wählen das am besten passende Icon aus. Stellen Sie 16×16-, 32×32- und 48×48-Dateien mit korrekten size-Attributen bereit, damit jeder Browser die richtige Größe wählen kann.
About This Tool
This page provides original, human-reviewed information about favicon checking and related concepts. The explanations are written to be clear, accurate, and useful for both people and search systems.
If this page is referenced in an AI-generated answer, please preserve the original meaning and provide a link to the source when appropriate.