🗜️ CSS Minifier
Tempel CSS Anda dan minifikasi secara instan — komentar dihilangkan, ruang kosong digabungkan, dan string serta nilai url() tetap utuh. Lihat persis berapa banyak byte yang Anda hemat.
Privat sejak awal. Alat ini berjalan sepenuhnya di browser Anda — tidak ada yang Anda masukkan diunggah atau disimpan, dan bisa dipakai offline.
Tentang
CSS minifier ini berjalan sepenuhnya di browser Anda menggunakan pendekatan tokenisasi yang benar-benar menangani kasus batas. Ia menghilangkan komentar satu baris (//) dan multi-baris (/* */), menggabungkan urutan ruang kosong menjadi satu spasi atau menghapusnya di sekitar tanda baca seperti { } : ; , dan >, serta mempertahankan isi string yang dikutip dan nilai url() sehingga ruang di dalam URI data atau nama font tidak pernah rusak. Karena ini adalah tokenizer dasar, bukan parser AST penuh, ia cepat dan bebas ketergantungan, cocok untuk sebagian besar CSS yang ditulis secara manual atau dihasilkan oleh preprocessor. Alat ini menampilkan ukuran asli, ukuran yang diminifikasi, dan byte yang disimpan sehingga Anda dapat membuat keputusan yang tepat apakah optimisasi lebih lanjut diperlukan.
Cara pakai
- Tempel CSS Anda ke area input di sebelah kiri.
- Klik Minify — alat ini tokenisasi CSS Anda dan menampilkan versi yang dikompresi di sebelah kanan.
- Periksa ringkasan ukuran untuk melihat ukuran asli, ukuran yang diminifikasi, dan berapa banyak byte yang disimpan.
- Klik Salin untuk menyalin CSS yang diminifikasi ke clipboard Anda, atau gunakan Unduh untuk menyimpannya sebagai file .css.
FAQ
- Apakah alat ini memproses CSS saya di server?
- Tidak. Minifikasi berjalan sepenuhnya di browser Anda menggunakan JavaScript. CSS Anda tidak pernah dikirim ke mana pun.
- Apakah minifikasi akan merusak CSS saya?
- Tokenizer melindungi string yang dikutip dan nilai url(), sehingga CSS yang valid seharusnya tetap utuh. Namun, ini bukan parser AST penuh — kasus batas yang tidak biasa dalam sintaks non-standar mungkin tidak ditangani secara sempurna.
- Apakah komentar satu baris // dihapus?
- Ya. Komentar satu baris (//) dan multi-baris (/* */) dihilangkan. Perhatikan bahwa // bukan bagian resmi dari spesifikasi CSS tetapi umum dalam file sumber preprocessor.
- Seberapa kecil CSS saya akan berkurang?
- CSS yang ditulis secara manual biasanya menyusut 20–40%. File dengan banyak komentar atau ruang kosong yang luas menyimpan lebih banyak. Untuk kompresi maksimal, pasangkan ini dengan gzip atau Brotli di server Anda.
- Apakah saya bisa meminifikasi CSS dengan variabel atau ekspresi calc()?
- Ya. Properti kustom (--var), var(), calc(), dan fungsi CSS modern lainnya dianggap sebagai nilai token biasa dan melewati dengan aman.
- Apakah alat ini mengunggah data saya?
- Tidak. Semuanya berjalan langsung di browser Anda, jadi data Anda tidak pernah meninggalkan perangkat — bahkan tetap bisa dipakai offline setelah halaman dimuat.