CSS Beautifier & Minifier
Rapikan kembali CSS yang berantakan agar mudah dibaca, atau minify untuk memperkecil ukurannya — lengkap dengan mode aman yang tidak akan mengubah urutan aturan Anda.
CSS Anda diformat dan di-minify langsung di browser Anda. Tidak ada data yang diunggah ke BroBroGo.
Tanya Jawab
Apa perbedaan antara beautify dan minify?
Beautify merapikan kembali indentasi dan memberi spasi pada kode gaya Anda agar mudah dibaca dan diedit. Minify melakukan hal sebaliknya — menghapus spasi kosong dan komentar yang tidak diperlukan oleh browser serta mempersingkat nilai seperti kode warna, sehingga ukuran file menjadi lebih kecil dan dimuat lebih cepat. Gunakan beautify saat bekerja, dan gunakan minify sebelum meluncurkannya.
Apa fungsi dari pengaturan kompresi Safe dan Optimized?
Mode Safe hanya menghapus spasi kosong dan komentar serta mempersingkat nilai, tanpa mengubah posisi aturan yang Anda tulis. Mode Optimized melangkah lebih jauh dengan menggabungkan selektor dan aturan yang duplikat agar file lebih kecil — mode ini dapat mengubah urutan aturan, jadi untuk stylesheet yang sangat bergantung pada urutan kode, sebaiknya periksa kembali sebelum meluncurkannya. Komentar yang ditandai dengan /*! … */ akan tetap dipertahankan pada kedua mode.
Apakah proses minify akan mengubah tampilan halaman saya?
Dalam mode Safe, tidak — tampilan halaman Anda akan tetap sama persis. Mode ini hanya memangkas spasi kosong, menghapus komentar biasa, dan menulis ulang nilai ke dalam bentuk setara yang lebih pendek (seperti #ffffff menjadi #fff), serta tidak akan pernah mengubah prefiks vendor atau sintaksis modern Anda. Mode Optimized juga menggabungkan aturan, yang hasilnya terlihat identik pada hampir semua stylesheet, tetapi ada baiknya Anda memverifikasi kembali jika stylesheet Anda sangat bergantung pada urutan aturan.