Perapi & Minifier CSS
Percantik CSS agar mudah dibaca atau minifikasi sebelum dirilis
Tentang alat ini
Bentangkan CSS yang terminifikasi atau hasil tempel-salin menjadi aturan dengan satu deklarasi per baris, atau perah lembar gaya untuk produksi. Pemercantiknya menormalkan indentasi dan penempatan kurung kurawal; minifiernya membuang komentar, menciutkan spasi, dan menghapus titik koma terakhir sambil membiarkan string, isi url(...), dan ekspresi calc() tak tersentuh.
Minifiernya terbuka soal apa yang tidak dilakukannya: ia tidak mengganti nama selektor, tidak menggabungkan aturan kembar, dan tidak menulis ulang warna. Itu membuat keluarannya mudah ditebak dan aman untuk lembar gaya mana pun, termasuk yang penuh trik dan awalan vendor — tempel, minifikasi, rilis.
Seperti semua alat di sini, pemrosesannya lokal. Kode design system yang belum dirilis tetap tinggal di browser Anda.
Pertanyaan yang sering diajukan
- Seberapa kecil CSS setelah diminifikasi?
- Biasanya 15–30% untuk CSS yang ditulis tangan, sebagian besar berkat indentasi dan komentar. Gzip di server Anda sudah menghapus banyak redundansi yang sama, jadi selisih ukuran di jaringan lebih kecil daripada yang disugestikan hitungan bita mentah — tetap minifikasi saja, sebab itu juga memangkas waktu penguraian.
- Apakah aman untuk calc(), properti kustom, dan kueri media?
- Aman. Spasi di dalam calc() bermakna dan dipertahankan; properti kustom beserta rujukan var()-nya hanyalah deklarasi biasa dan lewat tanpa berubah; @media dan aturan-at lainnya mempertahankan strukturnya.
- Kenapa selektor keturunan tetap menyimpan spasinya?
- Karena “nav a” dan “nava” memilih hal yang berbeda — spasi itu sebuah kombinator, bukan format. Minifiernya hanya membuang spasi yang tidak punya makna sintaksis.
- Bisakah ia mengonversi antara LESS/SCSS dan CSS?
- Tidak — sintaksis prapemroses butuh kompilasi, bukan perapian. SCSS polos yang sekaligus merupakan CSS sah akan terformat baik-baik saja; aturan bersarang dan mixin tidak.