Kompresor Font Ikon

• Kompresi font ikon instan di browser: kompres font ikon dari Font Awesome, Material Icons, dan Bootstrap Icons langsung di browser - tanpa unggahan server, tanpa pemrosesan cloud. Kompresor font ikon kami membangun ulang peta karakter seketika dengan JavaScript murni.
• Kompresor font ikon online yang aman: file font Anda tidak pernah meninggalkan perangkat saat dikompresi. Pemrosesan 100% di sisi klien berarti privasi penuh - tanpa penyimpanan cloud, tanpa log server, dan tanpa pemaparan data font apa pun.
• Kompresor font ikon tanpa instalasi: kompres font ikon langsung di browser tanpa unduhan perangkat lunak, tanpa plugin, dan tanpa akun. Bekerja di browser modern apa pun di sistem operasi apa pun - tanpa pendaftaran.
• Mendukung Font Awesome, Material Icons, dan lainnya: preset bawaan untuk Font Awesome 5/6, Material Icons, dan Bootstrap Icons - atau tempelkan codepoint Unicode kustom apa pun. Menerima format input TTF, OTF, dan WOFF serta menghasilkan file WOFF terkompresi.

• Optimasi Core Web Vitals dan kecepatan halaman: Font Awesome 6 Free berukuran lebih dari 800 KB, sementara sebagian besar situs memakai kurang dari 50 ikon. Kompres font ikon hanya ke ikon yang dipakai untuk menghilangkan peringatan PageSpeed "Reduce unused CSS" dan "Avoid large network payloads".
• Optimasi aplikasi React, Vue, dan Angular: kompres font ikon di aplikasi satu halaman untuk mengurangi ukuran bundel awal. Font ikon yang lebih kecil memuat lebih cepat dan meningkatkan skor Time to Interactive (TTI) serta Largest Contentful Paint (LCP).
• Font ikon pada template email: kompres font ikon yang dipakai di template email HTML hanya ke ikon yang direferensikan di template. File yang lebih kecil memuat lebih cepat di klien email yang mendukung @font-face dan mempercepat rendering.
• Performa e-commerce dan landing page: kompres font ikon di halaman produk dan landing page untuk mengurangi bobot halaman. Font ikon terkompresi dengan 20 ikon biasanya 95% lebih kecil daripada pustaka Font Awesome lengkap.
• Performa web mobile: kompres font ikon untuk pengiriman web mobile guna mengurangi pemakaian data di koneksi 3G/4G. Font ikon yang lebih kecil sangat penting untuk Core Web Vitals di mobile, di mana pemuatan font sering menjadi penghambat LCP.
• Distribusi font ikon kustom: kompres font ikon kustom sebelum mendistribusikannya di design system dan pustaka komponen. Mengirim hanya ikon yang dipakai di design system mengurangi bobot font untuk setiap aplikasi yang memakainya.

Font ikon seperti Font Awesome, Material Icons, dan Bootstrap Icons berisi ribuan glyph - tetapi sebagian besar situs memakai kurang dari 50. Kompresi font ikon (disebut juga subsetting font) menghapus glyph tak terpakai dari file font, menghasilkan file yang jauh lebih kecil dan hanya berisi ikon yang benar-benar Anda pakai. Kompresor font ikon kami bekerja dengan membangun ulang tabel cmap font - peta karakter yang memetakan codepoint Unicode ke ID glyph - agar hanya menyertakan codepoint yang Anda tentukan. Ini pendekatan yang aman untuk browser dan menghasilkan file WOFF valid tanpa memerlukan alat sisi server.

1. 1 Unggah font ikon Anda: seret dan lepas file font ikon TTF, OTF, atau WOFF. Font dibaca sebagai ArrayBuffer biner di browser Anda - tidak ada data yang dikirim ke server. Alat ini mengurai direktori tabel sfnt dan tabel cmap font untuk membangun pemetaan lengkap codepoint ke glyph.
2. 2 Masukkan codepoint yang ingin dipertahankan: tempelkan codepoint Unicode ikon yang Anda pakai (misalnya f000, f001, f002). Gunakan preset bawaan untuk Font Awesome, Material Icons, atau Bootstrap Icons sebagai titik awal. Alat ini menampilkan berapa codepoint yang terdeteksi sebelum diproses.
3. 3 Unduh WOFF terkompresi: kompresor font ikon membangun ulang tabel cmap hanya dengan codepoint yang diminta dan mengemas hasilnya sebagai file WOFF. Panel hasil menampilkan ukuran asli, ukuran keluaran, persentase pengurangan, dan codepoint yang tidak ditemukan di font.

• Tabel cmap (peta karakter): dibangun ulang agar hanya menyertakan codepoint yang diminta - ini sumber utama pengurangan ukuran. cmap Font Awesome lengkap memetakan lebih dari 2000 codepoint; subset 30 ikon hanya memetakan 30.
• Kontainer WOFF: keluarannya dikemas sebagai WOFF (Web Open Font Format) dengan header ringkas dan direktori tabel - lebih kecil daripada kontainer TTF aslinya terlepas dari subsettingnya.
• Kontur glyph (sebagian): semua kontur glyph tetap dipertahankan di keluaran - browser tidak akan merender glyph yang tak terjangkau, tetapi tabel glyf/loca tidak ditulis ulang. Untuk pengurangan maksimal, gunakan pyftsubset setelah alat ini.
• Metadata dan tabel tak terpakai: semua tabel sfnt dipertahankan untuk kompatibilitas. Pembangunan ulang cmap adalah pendekatan subsetting yang aman dan kompatibel dengan browser, yang bekerja tanpa WASM atau pemrosesan sisi server.

Kompresor font ikon membangun ulang tabel cmap agar hanya memetakan codepoint yang diminta - alat ini tidak menghapus kontur glyph dari tabel glyf dan loca. Artinya file keluaran lebih kecil daripada aslinya (karena cmap yang lebih kecil dan overhead WOFF), tetapi tidak sekecil subset lengkap pada tingkat glyph. Untuk kompresi maksimal, gunakan alat sisi server seperti pyftsubset (dari fonttools) atau glyphhanger setelah mengunduh WOFF dari alat ini. File input WOFF didukung tetapi harus memakai penyimpanan tabel tanpa kompresi (compLength = origLength).