Kompres Font untuk Mengurangi Ukuran File

Mengapa saya perlu mengompres file font?

Kompresi font menyelesaikan masalah kinerja web dan penyimpanan. Situs web Anda menggunakan font kustom dengan total 2MB, memperlambat pemuatan halaman. Perpustakaan font Anda memiliki 500 font yang memakan 5GB penyimpanan. Aplikasi seluler Anda melebihi batas ukuran karena font yang disematkan. Mungkin Anda mendistribusikan paket font yang terlalu besar untuk email, atau Anda perlu mengoptimalkan font web untuk skor Core Web Vitals yang lebih baik dan rendering yang lebih cepat.

Berbagai skenario memerlukan tingkat kompresi yang berbeda. Font web mendapatkan manfaat dari kompresi agresif (subsetting ke karakter yang digunakan, menghapus hinting) karena setiap KB mempengaruhi waktu muat halaman. Perpustakaan font desktop dapat menggunakan kompresi sedang untuk menghemat penyimpanan sambil mempertahankan semua glyph. Font ikon sangat cocok untuk subsetting berat karena Anda hanya memerlukan glyph tertentu. Mengompresi font memungkinkan Anda meningkatkan kinerja situs web, mengurangi biaya bandwidth hosting, memenuhi batas unggah platform, dan menghemat penyimpanan dalam koleksi font besar.

Bagaimana cara kerja kompresi font?

Kompresor kami menggunakan proses yang sederhana dan aman:

Unggah Font Anda

Seret dan lepas file font Anda atau klik untuk menjelajah. File Anda dienkripsi selama unggah menggunakan SSL. Tanpa batas ukuran file — termasuk font CJK besar.

Pilih Pengaturan Kompresi

Pilih preset kualitas (Cepat, Normal, Maksimum, Ultra) atau sesuaikan subsetting, hinting, dan pengaturan optimasi tabel. Antarmuka kami menunjukkan perkiraan pengurangan ukuran file.

Pemrosesan Server

Font Anda dikompresi di server kami menggunakan alat profesional. Kompresi cepat dan efisien yang mempertahankan kualitas glyph sambil mengurangi ukuran file.

Unduh & Bersihkan

Unduh font terkompresi Anda. Kami secara otomatis menghapus semua file dari server kami dalam waktu 1 jam demi privasi Anda. Tidak ada file yang disimpan secara permanen.

Seluruh proses biasanya memakan waktu beberapa detik. Font asli Anda tidak pernah dimodifikasi.

Pengaturan kompresi apa yang harus saya gunakan?

Pilih pengaturan kompresi berdasarkan kebutuhan Anda:

Cepat (Kualitas Rendah)

Terbaik untuk kompresi cepat ketika ukuran file sangat penting. Mengaktifkan subsetting Unicode dan menghapus hinting. Ideal untuk font web dengan penggunaan karakter terbatas, distribusi terbatas bandwidth, atau ketika ruang penyimpanan sangat ketat.

Normal (Kualitas Sedang)

Kompresi seimbang dengan kualitas yang baik. Menonaktifkan subsetting dan mempertahankan hinting, tetapi mengoptimalkan tabel font. Terbaik untuk penggunaan umum, optimasi perpustakaan, dan distribusi font web standar. Sebagian besar pengguna harus memulai di sini.

Maksimum (Kualitas Tinggi)

Kualitas tinggi dengan kompresi sedang. Mempertahankan semua glyph dan hinting, hanya mengoptimalkan tabel. Ideal untuk font desktop, tipografi profesional, atau font di mana kualitas glyph dan hinting sangat penting.

Ultra (Kualitas Maksimum)

No quality loss, minimal compression. Preserves everything including unoptimized tables. Perfect when you need near-original quality but slightly reduced file size. Best for archival, master copies, or professional design work.

Pengaturan Kustom

Gunakan Opsi Lanjutan untuk menyempurnakan kompresi. Kontrol subsetting Unicode (hapus karakter yang tidak digunakan), aktifkan penghapusan hinting (mempengaruhi rendering layar), sesuaikan optimasi tabel (mempengaruhi struktur file). Sempurna untuk kebutuhan spesifik seperti batas unggah platform atau kebutuhan set karakter.

Masih ragu?

Mulailah dengan Normal untuk sebagian besar font web. Gunakan Cepat untuk font web dengan karakter terbatas (hanya Latin). Gunakan Maksimum untuk font desktop di mana kualitas sangat penting. Gunakan Ultra untuk pekerjaan desain profesional atau ketika kualitas mendekati asli diperlukan.

Panduan cepat berdasarkan kasus penggunaan

Font web (hanya bahasa Inggris): Cepat dengan subsetting. Font web (multibahasa): Normal. Font desktop: Maksimum. Desain/arsip: Ultra. Font ikon: Cepat dengan subsetting berat.

Ingat: Anda selalu dapat mengompresi ulang dengan pengaturan yang berbeda jika hasil pertama tidak ideal. Uji font terkompresi di lingkungan target Anda untuk memastikan kualitas memenuhi kebutuhan Anda.

Apa itu subsetting font?

Font conversion quality depends on source and target formats: Lossless conversions - TTF ↔ OTF (both use similar structure), WOFF ↔ TTF/OTF (WOFF is compressed TTF/OTF), PFB ↔ PFA (same data, different encoding). Nearly lossless - TTF/OTF → WOFF2 (excellent compression, minimal data change). Some data loss - SVG fonts (limited feature support), Legacy format conversions (older formats have fewer features).

Apa yang dipertahankan: Semua garis besar glyph (bentuk sebenarnya), pemetaan karakter Unicode, metrik font dasar (lebar, tinggi, kenaikan, penurunan), pasangan kerning (spasi huruf), informasi keluarga dan gaya. Apa yang mungkin berubah: Fitur OpenType lanjutan (dalam format yang lebih sederhana), informasi hinting (optimasi untuk rendering layar), Metadata (beberapa format mendukung metadata lebih sedikit).

Conversion recommendations: For maximum quality retention, convert between modern formats (TTF, OTF, WOFF, WOFF2). When converting to web fonts, quality loss is minimal - fonts will render identically in browsers. When converting from legacy formats, some advanced features may not transfer. Always test converted fonts before using in production projects.

Bagaimana cara menggunakan font yang dikonversi di situs web saya?

To use converted fonts on websites, you need: (1) Convert your font to web formats (WOFF2 and WOFF for compatibility), (2) Upload fonts to your server, (3) Add @font-face CSS rule, (4) Apply font to elements. Example CSS: @font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); font-weight: normal; font-style: normal; }

Praktik terbaik untuk font web: Gunakan WOFF2 sebagai format utama (kompresi lebih baik, pemuatan lebih cepat), Sertakan fallback WOFF untuk browser lama, Subset font untuk menyertakan hanya karakter yang diperlukan (mengurangi ukuran file), Gunakan font-display: swap untuk kinerja yang lebih baik, Preload font kritis (), Hosting font di domain yang sama atau gunakan CDN, Kompres file font selama pengiriman server.

Tips kinerja: Font web modern kecil (20-50KB untuk font Barat). WOFF2 memberikan kompresi 30% lebih baik dibandingkan WOFF. Subset font dapat mengurangi ukuran lebih dari 80% untuk situs satu bahasa. Gunakan fallback font sistem saat font kustom dimuat. Pertimbangkan font variabel untuk beberapa bobot/gaya. Uji pemuatan font pada koneksi lambat. Pantau dampak Core Web Vitals.

Can I convert Google Fonts or other commercial fonts?

Legal considerations for font conversion: Open Source Fonts - Fonts from Google Fonts, Adobe Fonts (some), Font Squirrel (free fonts) can be converted freely if license allows. Check individual font licenses. Commercial Fonts - Fonts you purchased with conversion rights can be converted for your use. Check your license agreement. Redistribution may be prohibited. Free Fonts - 'Free for personal use' fonts may not allow conversion or commercial use. Always read license.

Google Fonts specifically: Google Fonts are open source (SIL Open Font License or Apache License). You CAN convert Google Fonts for your own use. You CAN use converted Google Fonts on websites. You CAN modify and convert them. You CANNOT sell converted Google Fonts. Download from fonts.google.com first, then convert. Give proper attribution as required by license.

Safe practices: Only convert fonts you have rights to use and convert. Keep licenses with converted fonts. Don't redistribute converted commercial fonts. For clients' projects, ensure they have proper licenses. When in doubt, use open-source fonts (Google Fonts, Font Squirrel free fonts). Consider purchasing web font licenses for commercial projects. Respect font creators' rights and licensing terms.

Apa perbedaan antara font TTF dan OTF?

TTF (TrueType Font) vs OTF (OpenType Font): TTF was developed by Apple and Microsoft in the 1980s. Uses quadratic Bézier curves for glyph outlines. Works on all platforms. Good for simple fonts and screen display. Widely supported in all software. File sizes typically larger than OTF. Better hinting for screen rendering at small sizes.

OTF is an extension of TTF developed by Adobe and Microsoft. Uses cubic Bézier curves (PostScript curves). Supports more advanced typography features (ligatures, alternates, contextual substitutions). Better for complex scripts and professional typography. Supports more glyphs (65,000+ vs 65,000 limit). Better for print and professional design work. Modern standard for professional fonts.

Kapan menggunakan masing-masing: Gunakan TTF untuk - Font web sederhana, Kompatibilitas maksimum, Dukungan sistem lama, Font yang dioptimalkan untuk tampilan layar. Gunakan OTF untuk - Pekerjaan desain profesional, Font dengan fitur lanjutan, Produksi cetak, Skrip kompleks (Arab, Devanagari), Proyek yang berat pada tipografi. Sistem modern mendukung keduanya dengan baik. Untuk penggunaan web, format kurang penting (keduanya dikonversi ke WOFF/WOFF2). Pilih berdasarkan fitur font yang dibutuhkan.

Bagaimana saya memastikan font yang dikonversi berfungsi di semua browser?

Dukungan format font browser: WOFF2 - Didukung oleh Chrome 36+, Firefox 39+, Safari 12+, Edge 14+ (dukungan global 95%). WOFF - Didukung oleh IE 9+, semua browser modern (dukungan global 99%). TTF/OTF - Didukung oleh semua browser tetapi file lebih besar. EOT - Hanya IE 6-11 (hanya untuk warisan). SVG - Tidak lagi digunakan, hindari untuk proyek baru. Strategi: Sediakan WOFF2 + WOFF untuk cakupan lengkap.

Cross-browser CSS example: @font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), /* Modern browsers */ url('myfont.woff') format('woff'); /* Fallback */ font-weight: normal; font-style: normal; font-display: swap; /* Better loading experience */ } This covers 99.9% of browsers. Skip EOT unless supporting IE 8.

Testing recommendations: Test on Chrome, Firefox, Safari, Edge (covers 95%+ users). Check font rendering on Windows and Mac (different rendering engines). Test on mobile devices (iOS Safari, Chrome Android). Use tools like BrowserStack for comprehensive testing. Verify fallback fonts load properly. Check font-display behavior. Monitor loading performance. Ensure no FOUT (Flash of Unstyled Text) or FOIT (Flash of Invisible Text).

Bisakah saya mengonversi font variabel?

Font variabel adalah font OpenType dengan sumbu variabel (berat, lebar, kemiringan, ukuran optik). Mereka mengandung beberapa gaya dalam satu file. Mengonversi font variabel: Dari TTF/OTF variabel ke WOFF2 variabel - Didukung sepenuhnya, mempertahankan semua sumbu. Antara format variabel - Ya, semua fitur variabel dipertahankan. Ke font statis - Mungkin tetapi kehilangan fungsionalitas variabel (membuat bobot/gaya tunggal). Dari statis ke variabel - Tidak mungkin (memerlukan sumber desain asli).

Manfaat font variabel: Satu file berisi beberapa bobot/gaya (ukuran file total yang jauh lebih kecil), Interpolasi halus antara bobot, Nilai bobot kustom (tidak terbatas pada bobot yang telah ditentukan), Kinerja web yang lebih baik (satu permintaan vs beberapa), Kemungkinan tipografi responsif, Penggunaan bandwidth yang lebih kecil. Contoh: Font variabel Roboto (84KB) vs Roboto reguler + bold + italic + bold italic (150KB+).

Using variable fonts: Convert to WOFF2 for best compression and browser support. Use CSS: font-variation-settings: 'wght' 450; for custom weights. Test browser support (supported by all modern browsers since 2018). Provide non-variable fallback for older browsers. Consider variable fonts for: Large font families, Responsive designs, Performance-critical sites, Modern web projects. Google Fonts offers many variable fonts free.

Apa praktik terbaik font web?

Format dan optimasi: Gunakan WOFF2 sebagai format utama (30-50% lebih kecil dari WOFF). Sertakan fallback WOFF untuk browser lama. Subset font untuk menghapus glyph yang tidak digunakan (mengurangi ukuran hingga 50-80% untuk teks Barat). Hapus set karakter bahasa yang tidak digunakan. Gunakan font-display: swap untuk kinerja yang lebih baik. Preload font kritis: .

Loading strategy: Load fonts asynchronously to avoid blocking page render. Use system font stack for initial render. Implement font-display: swap or optional. Limit number of font families (1-2 maximum). Limit number of weights (only needed weights). Self-host fonts for better control and performance. Consider variable fonts to reduce number of files. Cache fonts aggressively (1 year+).

Metrik kinerja: Targetkan <100KB total berat font. Font kritis harus dimuat dalam <1 detik. Pantau Cumulative Layout Shift (CLS) dari penggantian font. Gunakan font fallback yang sesuai dengan metrik ukuran. Uji pada koneksi 3G. Optimalkan urutan pemuatan font (font kritis terlebih dahulu). Pertimbangkan menggunakan font sistem untuk teks tubuh, font kustom untuk judul. Ukur dampak pada Core Web Vitals. Strategi font yang baik meningkatkan kinerja dan pengalaman pengguna.

Bagaimana cara mengonversi beberapa font secara batch?

Our font converter supports batch conversion: Upload multiple font files at once, Select output format (applies to all files), Click convert, Download as ZIP archive containing all converted fonts. This saves time when: Converting entire font families, Preparing multiple fonts for web use, Batch processing client fonts, Converting legacy font collections, Setting up new design projects.

Manfaat konversi batch: Proses seluruh keluarga font dalam satu operasi, Format output yang konsisten di semua font, Lebih cepat daripada konversi individu, Pengemasan ZIP otomatis untuk unduhan yang mudah, Mempertahankan nama file asli, Sempurna untuk alur kerja profesional. Contoh: Unggah keluarga font (Reguler, Bold, Italic, Bold Italic), konversi semua ke WOFF2 sekaligus, unduh ZIP tunggal dengan semua file yang dikonversi.

Tips alur kerja batch: Atur font sebelum unggah (nama file dengan jelas), Simpan font terkait bersama (anggota keluarga), Konversi ke format target yang sama untuk konsistensi, Gunakan konversi batch untuk persiapan font web, Unduh ZIP dan ekstrak ke folder proyek, Uji semua font yang dikonversi bersama, Simpan asli sebagai cadangan. Untuk batch yang sangat besar (50+ font), pertimbangkan untuk mengonversi dalam kelompok untuk memastikan stabilitas.

Apa yang terjadi pada lisensi font setelah konversi?

Lisensi font dan konversi: Lisensi asli SELALU berlaku untuk font yang dikonversi. Mengonversi format TIDAK mengubah syarat lisensi. Jika lisensi font melarang konversi, jangan konversi. Jika lisensi melarang penggunaan web, jangan gunakan di situs web (bahkan dalam format web). Jika lisensi hanya untuk penggunaan pribadi, font yang dikonversi tetap hanya untuk penggunaan pribadi. Selalu patuhi syarat lisensi font asli.

Jenis lisensi umum: SIL Open Font License (OFL) - Dapat mengonversi, menggunakan, memodifikasi, mendistribusikan (dengan atribusi). Lisensi Apache - Mirip dengan OFL, memungkinkan penggunaan komersial. Gratis untuk penggunaan pribadi - Biasanya memungkinkan konversi untuk proyek pribadi saja. Lisensi komersial - Periksa syarat; biasanya memungkinkan konversi untuk kasus penggunaan yang dibeli. Lisensi desktop - Mungkin tidak menyertakan hak penggunaan web (memerlukan lisensi web terpisah).

Safe practices: Read license before converting, Keep license files with converted fonts, Don't distribute converted commercial fonts without permission, Purchase appropriate licenses for commercial projects, Use open-source fonts (Google Fonts) when possible, Educate clients about font licensing, Respect font creators' intellectual property. When in doubt, contact font creator or use free/open fonts.

Bisakah saya mengonversi font untuk aplikasi seluler?

Font formats for mobile apps: iOS (iPhone/iPad) - Supports TTF, OTF (preferred). Include fonts in app bundle. Register in Info.plist. Android - Supports TTF, OTF. Place in assets/fonts folder. Load programmatically or via XML. Convert to TTF or OTF for maximum compatibility across platforms. Mobile apps don't use web fonts (WOFF/WOFF2).

Mobile font implementation: For iOS: Add font files to Xcode project, Add font names to Info.plist (UIAppFonts array), Use in code: UIFont(name: 'FontName', size: 16). For Android: Place fonts in assets/fonts/, Load in code: Typeface.createFromAsset(assets, 'fonts/fontname.ttf'), Use in XML with font family attribute. Both platforms: OTF provides more features, TTF has slightly better compatibility.

Mobile app font tips: Use OTF for better typography features, Subset fonts if possible (reduces app size), Test on multiple devices, Consider variable fonts for size savings (iOS 11+, Android 8+), Bundle only needed weights, Comply with font licenses (app distribution is redistribution), Test font rendering on different screen densities, Provide fallback fonts. Mobile font files add to app download size - optimize when possible.

Apa format font terbaik untuk kinerja?

Perbandingan kinerja format font: WOFF2 - Kompresi terbaik (30% lebih kecil dari WOFF, 50% lebih kecil dari TTF), Dekompresi cepat, Didukung oleh semua browser modern, Pilihan terbaik untuk web. WOFF - Kompresi baik (40% lebih kecil dari TTF), Dukungan browser universal, Cadangan yang baik. TTF/OTF - Tanpa kompresi, File lebih besar, Memuat lebih lambat, Gunakan hanya untuk desktop. EOT - Hanya untuk IE, Warisan, Hindari.

Strategi optimisasi kinerja: Gunakan WOFF2 secara eksklusif untuk browser modern (dukungan 95%+), Subset font untuk menghapus karakter yang tidak digunakan (pengurangan ukuran 50-80%), Gunakan font variabel alih-alih beberapa file (pengurangan ukuran total 50-70%), Terapkan font-display: swap untuk kinerja yang lebih baik, Preload font kritis untuk mulai memuat segera, Cache font secara agresif (1 tahun), Gunakan service workers untuk menyimpan font secara lokal.

Real-world examples: Google Fonts serves WOFF2 to modern browsers (optimal performance). Amazon subsets fonts heavily (only used glyphs). Apple uses variable fonts on recent sites (fewer HTTP requests). Medium preloads critical fonts (faster initial render). Best practice: Convert to WOFF2, subset for your language, measure impact, iterate. Typical optimized font: 15-30KB (vs 150-300KB unoptimized). Good font strategy significantly improves page load times and user experience.

Bagaimana cara mengatasi masalah konversi font?

Common conversion problems and solutions: Font doesn't display after conversion - Check CSS @font-face syntax, verify file path, ensure CORS headers for cross-domain fonts, test in different browsers. Characters missing - Original font may not include those characters, try different source format, ensure Unicode support in both formats. File size too large - Use WOFF2 for better compression, subset font to remove unused glyphs, remove unnecessary font features.

Masalah spesifik format: WOFF2 tidak berfungsi - Periksa dukungan browser (IE tidak didukung), pastikan format() yang tepat di CSS, verifikasi file tidak korup. Masalah EOT - EOT hanya untuk IE, gunakan komentar kondisional untuk IE, verifikasi dukungan versi IE. Masalah font SVG - Font SVG sudah tidak digunakan, konversi ke WOFF/WOFF2 sebagai gantinya, dukungan browser terbatas. Masalah PostScript (PFB/PFA) - Ini untuk cetak/desktop, bukan web, konversi ke OTF untuk penggunaan desktop.

Debugging checklist: Verify source font works before conversion, Check converted font with font viewer tool, Validate @font-face CSS syntax, Test in multiple browsers, Check browser developer tools for font loading errors, Verify correct MIME types on server (font/woff2, font/woff, font/ttf), Ensure CORS headers if loading from different domain, Try different conversion settings, Test with simpler font first, Check font file isn't corrupted. Most issues are CSS/server configuration, not conversion quality.