Icon-Font-Kompressor

• Sofortige Icon-Schrift-Komprimierung in Ihrem Browser: Komprimieren Sie Icon-Schriften von Font Awesome, Material Icons und Bootstrap Icons direkt im Browser - ohne Server-Upload, ohne Cloud-Verarbeitung. Unser Icon-Font-Kompressor baut die Zeichentabelle sofort mit reinem JavaScript neu auf.
• Sicherer Icon-Font-Kompressor online: Ihre Schriftdateien verlassen Ihr Gerät beim Komprimieren nie. 100 % clientseitige Verarbeitung bedeutet vollständige Privatsphäre - kein Cloud-Speicher, keine Server-Logs und keinerlei Offenlegung von Schriftdaten.
• Icon-Font-Kompressor ohne Installation: Komprimieren Sie Icon-Schriften direkt im Browser ohne Software-Download, ohne Plugins und ohne Konto. Funktioniert in jedem modernen Browser unter jedem Betriebssystem - ohne Anmeldung.
• Unterstützt Font Awesome, Material Icons und mehr: integrierte Presets für Font Awesome 5/6, Material Icons und Bootstrap Icons - oder fügen Sie beliebige benutzerdefinierte Unicode-Codepoints ein. Akzeptiert die Eingabeformate TTF, OTF und WOFF und gibt eine komprimierte WOFF-Datei aus.

• Core Web Vitals und Seitenladegeschwindigkeit: Font Awesome 6 Free ist über 800 KB groß, während die meisten Websites weniger als 50 Icons nutzen. Komprimieren Sie die Icon-Schrift auf die genutzten Icons, um die PageSpeed-Warnungen „Reduce unused CSS“ und „Avoid large network payloads“ zu beseitigen.
• Optimierung von React-, Vue- und Angular-Apps: Komprimieren Sie Icon-Schriften in Single-Page-Anwendungen, um die anfängliche Bündelgröße zu reduzieren. Kleinere Icon-Schriften laden schneller und verbessern die Werte für Time to Interactive (TTI) und Largest Contentful Paint (LCP).
• Icon-Schriften in E-Mail-Vorlagen: Komprimieren Sie Icon-Schriften in HTML-E-Mail-Vorlagen auf die in der Vorlage referenzierten Icons. Kleinere Dateien laden in E-Mail-Clients mit @font-face-Unterstützung schneller und verbessern die Darstellungsgeschwindigkeit.
• Performance von E-Commerce und Landingpages: Komprimieren Sie Icon-Schriften auf Produkt- und Landingpages, um das Seitengewicht zu reduzieren. Eine komprimierte Icon-Schrift mit 20 Icons ist typischerweise 95 % kleiner als die vollständige Font-Awesome-Bibliothek.
• Mobile Web-Performance: Komprimieren Sie Icon-Schriften für die mobile Web-Auslieferung, um den Datenverbrauch in 3G/4G-Netzen zu senken. Kleinere Icon-Schriften sind entscheidend für die Core Web Vitals auf Mobilgeräten, wo das Laden von Schriften ein häufiger LCP-Engpass ist.
• Verteilung benutzerdefinierter Icon-Schriften: Komprimieren Sie benutzerdefinierte Icon-Schriften, bevor Sie sie in Design-Systemen und Komponentenbibliotheken verteilen. Nur die im Design-System genutzten Icons auszuliefern reduziert die Schriftlast für jede konsumierende Anwendung.

Icon-Schriften wie Font Awesome, Material Icons und Bootstrap Icons enthalten Tausende von Glyphen - doch die meisten Websites nutzen weniger als 50. Die Icon-Schrift-Komprimierung (auch Font-Subsetting genannt) entfernt ungenutzte Glyphen aus der Schriftdatei und erzeugt eine deutlich kleinere Datei, die nur die tatsächlich genutzten Icons enthält. Unser Icon-Font-Kompressor arbeitet, indem er die cmap-Tabelle der Schrift - die Zeichentabelle, die Unicode-Codepoints Glyphen-IDs zuordnet - neu aufbaut und nur die von Ihnen angegebenen Codepoints einschließt. Das ist ein browsersicherer Ansatz, der eine gültige WOFF-Datei erzeugt, ohne serverseitige Tools zu erfordern.

1. 1 Laden Sie Ihre Icon-Schrift hoch: Ziehen Sie eine Icon-Schriftdatei im Format TTF, OTF oder WOFF per Drag & Drop hinein. Die Schrift wird als binärer ArrayBuffer in Ihrem Browser gelesen - es werden keine Daten an einen Server gesendet. Das Tool analysiert das sfnt-Tabellenverzeichnis und die cmap-Tabelle der Schrift, um eine vollständige Zuordnung von Codepoints zu Glyphen aufzubauen.
2. 2 Geben Sie die zu behaltenden Codepoints ein: Fügen Sie die Unicode-Codepoints der genutzten Icons ein (zum Beispiel f000, f001, f002). Nutzen Sie die integrierten Presets für Font Awesome, Material Icons oder Bootstrap Icons als Ausgangspunkt. Das Tool zeigt vor der Verarbeitung, wie viele Codepoints erkannt wurden.
3. 3 Laden Sie die komprimierte WOFF herunter: Der Icon-Font-Kompressor baut die cmap-Tabelle nur mit den angeforderten Codepoints neu auf und packt das Ergebnis als WOFF-Datei. Das Ergebnispanel zeigt Originalgröße, Ausgabegröße, Reduktionsprozentsatz und Codepoints, die in der Schrift nicht gefunden wurden.

• cmap-Tabelle (Zeichentabelle): wird neu aufgebaut, um nur die angeforderten Codepoints zu enthalten - das ist die Hauptquelle der Größenreduktion. Eine vollständige Font-Awesome-cmap ordnet über 2000 Codepoints zu; ein Subset mit 30 Icons nur 30.
• WOFF-Container: die Ausgabe wird als WOFF (Web Open Font Format) mit kompaktem Header und Tabellenverzeichnis gepackt - kleiner als der ursprüngliche TTF-Container, unabhängig vom Subsetting.
• Glyphenumrisse (teilweise): alle Glyphenumrisse bleiben in der Ausgabe erhalten - Browser stellen nicht erreichbare Glyphen nicht dar, aber die glyf/loca-Tabellen werden nicht neu geschrieben. Für maximale Reduktion nutzen Sie pyftsubset nach diesem Tool.
• Metadaten und ungenutzte Tabellen: alle sfnt-Tabellen bleiben aus Kompatibilitätsgründen erhalten. Die cmap-Neuerstellung ist der sichere, browserkompatible Subset-Ansatz, der ohne WASM oder serverseitige Verarbeitung funktioniert.

Der Icon-Font-Kompressor baut die cmap-Tabelle neu auf, um nur die angeforderten Codepoints zuzuordnen - er entfernt keine Glyphenumrisse aus den glyf- und loca-Tabellen. Die Ausgabedatei ist daher kleiner als das Original (durch die kleinere cmap und den WOFF-Overhead), aber nicht so klein wie ein vollständiges Subset auf Glyphenebene. Für maximale Komprimierung verwenden Sie nach dem Download der WOFF aus diesem Tool ein serverseitiges Werkzeug wie pyftsubset (aus fonttools) oder glyphhanger. WOFF-Eingabedateien werden unterstützt, müssen aber unkomprimierte Tabellenspeicherung nutzen (compLength = origLength).