favicon-checker.com

Kostenloser Favicon-CheckerAlle Favicons
jeder Website prüfen

Dieser Favicon-Checker prüft ICO-, PNG- und SVG-Icons, das Apple Touch Icon, das Web-App-Manifest und die Regeln der Google-Suche in einem Durchgang und zeigt, was vorhanden ist und was fehlt.

Ausprobieren: atlassian.com · nbcnews.com · naver.com

Was wir prüfen

49 Prüfungen an allen Stellen, an denen ein Browser, ein Smartphone oder eine Suchmaschine nach Ihrem Icon sucht.

favicon.ico

6 Prüfungen

Datei im Stammverzeichnis, echtes ICO-Format, eingebettete Bilder mit 16 und 32 px, Dateigröße, Status, Typ.

PNG-Icons

6 Prüfungen

Jedes rel="icon"-Tag: deklarierte und tatsächliche Größe, quadratische Form, Format, Erreichbarkeit.

SVG-Icon

4 Prüfungen

Vorhanden, quadratische viewBox, Dark-Mode-Unterstützung, keine Skripte darin.

Apple Touch Icon

5 Prüfungen

180 px, deckender Hintergrund, PNG, deklariert oder im Stammverzeichnis, scharf auf Retina-Displays.

Web-App-Manifest

10 Prüfungen

Gültiges JSON, MIME-Typ, Name, Icons mit 192 und 512 px, maskable, Farben, display.

Google-Suche

6 Prüfungen

Unterstütztes Format, quadratisch, größer als 48 px, auf der Startseite deklariert, durch robots.txt erlaubt, stabile URL.

Meta und Legacy

5 Prüfungen

theme-color hell und dunkel, Safari mask-icon, Windows-Kacheln, browserconfig.xml.

Auslieferung

7 Prüfungen

HTTPS, Mixed Content, Weiterleitungen, Cache-Header, Gesamtgröße, Duplikate, defekte Links.

So funktioniert es

  1. 01

    URL eingeben

    Jede öffentliche Seite. Weiterleitungen verfolgen wir wie ein Browser.

  2. 02

    Wir rufen alles ab

    Wir lesen die HTML-Tags, rufen dann /favicon.ico, das Manifest und jede Icon-Datei ab und messen jede einzelne.

  3. 03

    Lücken erkennen

    Live-Vorschau für Tabs, Google, iOS und Android, dazu eine klare Liste dessen, was fehlt.

Favicon-Ratgeber

Beispielberichte

Alle geprüften Websites

Fragen

Warum wird mein Favicon bei Google nicht angezeigt?

Google braucht ein quadratisches Icon in einem unterstützten Format (ICO, PNG, GIF, JPEG oder BMP, nicht SVG), das auf der Startseite deklariert ist. Die Startseite und das Icon müssen in der robots.txt für den Googlebot freigegeben sein. Nach einer Korrektur dauert es Tage bis Wochen, bis Google das neue Icon zeigt. Zehn Ursachen und Lösungen →

Welche Favicon-Dateien braucht eine Website wirklich?

Eine favicon.ico mit 32×32, ein SVG-Icon, ein Apple Touch Icon mit 180×180 und ein Web-App-Manifest mit Icons in 192 und 512 px, von denen eines maskable ist. Damit sind alle aktuellen Browser, Smartphones und die Google-Suche abgedeckt. Die vollständige Größentabelle →

Ich habe mein Favicon geändert, warum sehe ich noch das alte?

Browser speichern Favicons in einem eigenen Cache, den ein normales Neuladen nicht leert. Geben Sie dem Icon eine neue URL, zum Beispiel favicon.svg?v=2, und prüfen Sie, ob Ihr Server und Ihr CDN die neue Datei ausliefern. So leeren Sie den Favicon-Cache →

Unterstützt Google SVG-Favicons?

Nein. Die Favicon-Richtlinien von Google nennen BMP, GIF, ICO, PNG, JPEG, PPM und TIFF. Behalten Sie das SVG für Browser und deklarieren Sie daneben ein PNG oder ICO; Google empfiehlt eines mit mehr als 48×48 px.

Was ist ein maskable Icon?

Ein Manifest-Icon mit "purpose": "maskable", dessen Motiv das ganze Quadrat füllt. Android beschneidet es auf die Form der Icons des Telefons, deshalb muss das Logo innerhalb des mittleren Kreises mit 80 % liegen.

Ist der Checker kostenlos, und was speichern Sie?

Er ist kostenlos und erfordert kein Konto. Wir speichern das Ergebnis samt Kopien der Icons. Wer eine Prüfung gestartet hat, halten wir nicht fest. Datenschutzerklärung →