Kostenloser Einzelcheck · ohne Anmeldung
Geben Sie eine Seite ein und prüfen Sie ihre Icon-Verweise. Der Check zeigt erreichbare Dateien, falsche Pfade und Dateitypen – mit einer Hilfe für Browser, Google und den iPhone-Homescreen.
Vorschauen laden erst auf Wunsch eine Bilddatei direkt von der geprüften Website.
Legen Sie die Bilddateien unter den angegebenen Pfaden ab und ergänzen Sie die Verweise im HTML-head. Dieses Beispiel verwendet ein 96 × 96 Pixel großes PNG für das Favicon und ein 180 × 180 Pixel großes PNG für den iPhone-Homescreen.
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Das Beispiel erzeugt keine Bilddateien. Passen Sie die Pfade und sizes-Angaben an Ihre tatsächlich vorhandenen Dateien an. Größen und Einbindung des Apple Touch Icons im Detail.
Öffnen Sie die ausgegebene Icon-URL. Prüfen Sie Schreibweise, Groß-/Kleinschreibung und Unterverzeichnisse. icons/favicon.png wird relativ zur Dokumentadresse aufgelöst; /icons/favicon.png beginnt am Domain-Stamm. Ein HTML-base-Element kann relative Pfade verändern.
Manche Systeme liefern für fehlende Icons ihre Startseite mit Status 200. Das ist kein nutzbares Icon. Prüfen Sie den Server-Dateityp und die Routing-Regel. Der HTML-Eintrag type="image/png" allein beweist keinen korrekten Inhalt.
Prüfen Sie den Verweis auf der Startseite, die Erreichbarkeit für Googlebot und Googlebot-Image sowie ein quadratisches Motiv. Google nennt mindestens 8 × 8 Pixel und empfiehlt mehr als 48 × 48 Pixel. Eine feste Icon-URL und ein deutliches Motiv helfen; die Anzeige bleibt Googles Entscheidung.
Ein Browser-Favicon ersetzt nicht automatisch einen expliziten apple-touch-icon-Verweis. Binden Sie eine passende PNG-Datei ein und testen Sie die Website erneut über „Zum Home-Bildschirm“. Ein bereits gespeichertes Symbol kann noch die ältere Darstellung verwenden.
Das Attribut beschreibt die vorhandene Größe; es skaliert das Bild nicht. Der Check zeigt die Deklaration, liest aber keine Pixelmaße aus der Datei. Öffnen Sie die Grafik und kontrollieren Sie die tatsächlichen Abmessungen.
Eine Datei unter /favicon.ico oder /apple-touch-icon.png kann erreichbar sein, ohne im HTML verlinkt zu sein. Ergänzen Sie einen expliziten passenden Verweis, damit die gewünschte Datei eindeutig ist.
Der Checker liest Icon-Verweise aus dem gelieferten HTML, löst ihre URLs auf und prüft HTTP-Antworten und Dateitypen. Zusätzlich testet er die Standardpfade favicon.ico, favicon.svg und apple-touch-icon.png. Er prüft höchstens 16 unterschiedliche verlinkte Dateien je Durchlauf.
Nein. Größenangaben stammen aus dem HTML-Attribut sizes. Das Tool rendert kein JavaScript, liest keine Pixelabmessungen aus und wertet keine im Web-App-Manifest definierten Icons aus. Es prüft die vom Server gelieferte HTML-Seite.
Ein quadratisches PNG mit 180 × 180 Pixeln ist ein gängiger Ausgangspunkt für den iPhone-Homescreen. Verlinken Sie es mit rel="apple-touch-icon" und einer passenden sizes-Angabe. Für weitere Geräte können zusätzliche Größen angegeben werden.
Für eine normale aktuelle Einbindung reicht ein expliziter apple-touch-icon-Verweis. Die precomposed-Variante stammt aus älteren iOS-Konventionen. Ein alter 404-Aufruf darauf ist kein Beleg, dass das aktuelle Homescreen-Icon fehlt.
Browser und Geräte speichern Icons häufig zwischen. Prüfen Sie zuerst den aktuellen HTML-Verweis und die Datei direkt. Vergleichen Sie anschließend in einem frischen Browserprofil. Ein Suchmaschinen-Snippet kann erst nach einer erneuten Verarbeitung aktualisiert werden.
Weiterführend: Apples Dokumentation zur Web-Clip-Einbindung · Icon-Statuscode gegenprüfen · HTTPS-Verbindung prüfen
Für den nächsten Check: Dieses kostenlose Tool im Browser als Lesezeichen speichern (Strg+D bzw. ⌘D).