Zum Inhalt springen
Aback Tools Logo

Favicon-Set-Größen-Analysator

Analysiere die Größe deines Favicon-Sets online und kostenlos. Lade deine ICO-, PNG- und SVG-Favicons hoch, um redundante Größen zu finden, Empfehlungen für SVG-Favicons zu erhalten und genau zu sehen, wie viel du durch das Entfernen veralteter Dateien sparen kannst. Inklusive Leitfaden für das optimale Favicon-Set für moderne Browser. Ohne Anmeldung, ohne Server-Upload und 100 % privat.

Analyze Favicon Bundle Size
Upload your favicon files (.ico, .png, .svg) to analyze total bundle size, identify redundant sizes, and get recommendations for reducing favicon payload.

Drop your favicon files here

or click to browse (multiple files supported)

ICO, PNG, SVG, WebP files are supported

Warum unseren Favicon-Set-Größen-Analysator verwenden?

  • Sofortige Analyse des Favicon-Sets: Unser Favicon-Set-Größen-Analysator verarbeitet deine Favicon-Dateien vollständig in deinem Browser – ohne Upload-Wartezeit. Ziehe deine ICO-, PNG- und SVG-Dateien hinein und erhalte sofort eine Größenaufschlüsselung, einen Redundanzbericht und umsetzbare Empfehlungen in Sekunden.
  • Sicherer Online-Favicon-Analysator: Deine Favicon-Dateien verlassen bei der Nutzung unseres Online-Analysators nie dein Gerät. Die 100 % clientseitige Verarbeitung sorgt für vollständige Privatsphäre – kein Server-Upload, keine Dateispeicherung und kein Risiko, unveröffentlichte Markenressourcen oder proprietäre Icon-Designs preiszugeben.
  • Favicon-Set-Analysator ohne Installation: Analysiere dein Favicon-Set direkt im Browser – ohne Node.js, ohne Build-Tools und ohne Kommandozeilen-Tools. Unser Analysator läuft auf jedem Gerät mit einem modernen Browser – keine Einrichtung, keine Abhängigkeiten, kein Konto.
  • Redundanzerkennung und SVG-Empfehlung: Unser Analysator identifiziert veraltete Größen (Legacy-iOS, Windows-8-Kacheln, Chrome Web Store) und berechnet die exakte Einsparung durch deren Entfernung. Er schätzt auch, wie viel du durch den Umstieg auf ein einziges SVG-Favicon sparst – oft 70 % kleiner als ein vollständiges PNG-Set.

Was ist die Favicon-Set-Größe?

Die Favicon-Set-Größe ist die Gesamtzahl der Bytes, die alle Favicon-Dateien deines Webprojekts verbrauchen – ICO-, PNG-, SVG- und WebP-Dateien, mit denen Browser das Icon deiner Website in Tabs, Lesezeichen, Home-Bildschirmen und App-Startprogrammen anzeigen. Ein typisches Favicon-Set, das von Tools wie RealFaviconGenerator erzeugt wird, enthält 10 bis 20 Dateien mit insgesamt 200 bis 500 KB, während moderne Browser nur 3 bis 5 Dateien mit weniger als 100 KB benötigen. Unser Favicon-Set-Größen-Analysator identifiziert, welche Dateien für moderne Browser redundant sind, berechnet die exakte Einsparung durch deren Entfernung und empfiehlt den Umstieg auf ein SVG-Favicon – das die meisten PNG-Größen durch eine einzige skalierbare Datei unter 5 KB ersetzt.

So funktioniert unser Favicon-Set-Größen-Analysator

  1. Lade deine Favicon-Dateien hoch: Ziehe sie per Drag-and-drop hinein oder klicke zum Durchsuchen. Unser Analysator akzeptiert ICO-, PNG-, SVG- und WebP-Dateien. Lade dein gesamtes Favicon-Set auf einmal hoch – die gesamte Verarbeitung erfolgt lokal in deinem Browser und deine Dateien verlassen nie dein Gerät.
  2. Sofortige Analyse im Browser: Das Tool erkennt die Größe jeder Datei anhand ihres Namens (z. B. favicon-32x32.png → 32 px), klassifiziert sie anhand moderner Browser-Kompatibilitätsdaten als essenziell, empfohlen, optional oder redundant und berechnet die Gesamtgröße des Sets sowie die redundanten Bytes.
  3. Empfehlungen prüfen und optimieren: Sieh dir priorisierte Empfehlungen an, um redundante Größen zu entfernen, auf SVG umzusteigen, deine ICO-Datei zu optimieren und fehlende essenzielle Größen hinzuzufügen. Der Leitfaden für das optimale Favicon-Set zeigt genau, welche 5 Dateien moderne Browser benötigen.

Was der Favicon-Set-Größen-Analysator erkennt

  • Redundante Größen: Favicon-Größen, die moderne Browser nicht mehr benötigen – darunter veraltete iOS-Größen (57 px, 72 px, 114 px), Windows-8-Kacheln (144 px), Chrome-Web-Store-Icons (128 px) und die obsolete Android-Größe (196 px).
  • Übergroße ICO-Dateien: ICO-Dateien, die zusätzlich zu den erforderlichen 16 px und 32 px auch die Größen 48 px, 64 px oder 256 px einbetten – eine häufige Quelle unnötigen Gewichts, die durch Neuerzeugung des ICO nur mit eingebetteten 16×16 und 32×32 beseitigt werden kann.
  • Fehlende essenzielle Größen: Pflicht-Favicon-Dateien, die in deinem Set fehlen – darunter favicon.ico (16×16 + 32×32), apple-touch-icon (180×180) und die PWA-Manifest-Icons (192×192 und 512×512).
  • SVG-Potenzial: Wenn deinem Favicon-Set ein SVG-Favicon fehlt, bedenke, dass eine einzige SVG-Datei die meisten PNG-Größen ersetzt, perfekt auf jede Auflösung skaliert und seit 2020 von allen modernen Browsern unterstützt wird.

Wichtige Hinweise zur Favicon-Optimierung

Der Favicon-Set-Größen-Analysator erkennt Dateigrößen anhand gängiger Namensmuster aus den Dateinamen (z. B. favicon-32x32.png, icon-192.png). Dateien mit nicht standardmäßigen Namen können als „unbekannte Größe“ erscheinen – benenne sie so um, dass die Pixelabmessungen enthalten sind, um eine genaue Analyse zu erhalten. Die SVG-Einsparschätzung geht von einem typischen SVG-Favicon mit 2 bis 5 KB aus, das alle PNG-Größen ersetzt. Die tatsächliche Einsparung hängt von der Komplexität deines SVGs ab. Teste dein Favicon-Set nach der Optimierung immer in mehreren Browsern, um die korrekte Darstellung in allen Zielumgebungen sicherzustellen.

Häufig gestellte Fragen

Ein Favicon-Set-Größen-Analysator misst die Gesamtzahl der Bytes, die alle Favicon-Dateien deines Webprojekts verbrauchen, und identifiziert, welche Dateien für moderne Browser redundant sind. Unser Favicon-Set-Größen-Analysator läuft vollständig in deinem Browser: Deine Favicon-Dateien werden nie auf einen Server hochgeladen.

Moderne Browser brauchen nur 3 bis 5 Favicon-Dateien: ein SVG-Favicon (ersetzt die meisten PNGs), ein favicon.ico mit eingebetteten 16×16 und 32×32 (für Legacy-Kompatibilität), ein apple-touch-icon.png mit 180×180 (iOS-Home-Bildschirm), ein PNG mit 192×192 (Android-PWA) und ein PNG mit 512×512 (PWA-Begrüßungsbildschirm). Alles andere ist für moderne Browser redundant.

Ja, vollständig. Unser Favicon-Set-Größen-Analysator verarbeitet alles lokal in deinem Browser. Deine Favicon-Dateien werden nie auf einen Server hochgeladen, nie gespeichert und nie über das Netzwerk übertragen.

Ja. Dieser Favicon-Set-Größen-Analysator ist 100 % kostenlos, ohne Anmeldung, ohne Premium-Tarif, ohne Wasserzeichen und ohne Dateigrößenlimit. Du kannst so viele Favicon-Sets analysieren, wie du möchtest – ohne Einschränkungen.

Ein SVG-Favicon ist eine einzige Datei (typischerweise 1 bis 5 KB), die perfekt auf jede Größe skaliert – und ersetzt mehr als 10 PNG-Dateien mit insgesamt 200 bis 500 KB. SVG-Favicons werden seit 2020 von allen modernen Browsern unterstützt und unterstützen auch den Dunkelmodus über CSS-Medienabfragen innerhalb des SVGs selbst.

Zu den redundanten Größen gehören: 57 px (Legacy-iPhone), 72 px (Legacy-iPad), 96 px (Google TV), 114 px (Legacy-iPhone @2x), 128 px (nur Chrome Web Store), 144 px (Windows-8-Kacheln), 196 px (Legacy-Android-Chrome) und 256 px (selten nötig). Ihr Entfernen spart viele Bytes, ohne die Darstellung in modernen Browsern zu beeinträchtigen.

Ein optimiertes favicon.ico sollte nur die eingebetteten Größen 16×16 und 32×32 enthalten und weniger als 5 KB wiegen. Viele ICO-Dateien betten unnötig die Größen 48 px, 64 px und 256 px ein. Verwende ein Tool wie RealFaviconGenerator oder ImageMagick, um dein ICO nur mit den beiden erforderlichen Größen neu zu erzeugen.

Der Analysator erkennt Größen anhand gängiger Namensmuster: favicon-32x32.png (NxN-Muster), icon-192.png (Bindestrich + Zahl), apple-touch-icon-180x180.png (NxN-Muster) und 512.png (nur Zahl). Dateien mit nicht standardmäßigen Namen erscheinen möglicherweise als unbekannte Größe – benenne sie so um, dass die Pixelabmessungen enthalten sind, um eine genaue Analyse zu erhalten.

Nein – der Favicon-Set-Größen-Analysator analysiert nur die hochgeladenen Dateien selbst. Er liest nicht dein HTML, um deine link rel="icon"-Angaben zu prüfen. Für ein vollständiges Favicon-Audit einschließlich HTML-Validierung nutze die Browser-DevTools oder ein spezielles Favicon-Prüftool.