Alat Perkemas & Kecilkan CSS

Susun semula inden CSS yang berselerak untuk mudah dibaca, atau kecilkan saiznya untuk dilancarkan — dengan mod selamat yang tidak akan mengubah susunan peraturan anda.

Inden
Pemampatan
Tampal atau taip CSS untuk memperkemas atau mengecilkannya.

CSS anda diformatkan dan dikecilkan di dalam pelayar anda. Tiada apa-apa yang dimuat naik ke BroBroGo.

Soalan Lazim

Apakah perbezaan antara perkemas (beautify) dan kecilkan (minify)?

Perkemas (Beautify) menyusun semula inden dan menjarakkan gaya anda supaya mudah dibaca dan diedit. Kecilkan (Minify) pula melakukan sebaliknya — ia membuang ruang kosong dan ulasan yang tidak diperlukan oleh pelayar serta memendekkan nilai seperti warna, supaya fail menjadi lebih kecil dan dimuatkan dengan lebih cepat. Perkemas semasa anda bekerja, kecilkan sebelum anda melancarkannya.

Apakah fungsi tetapan pemampatan Selamat (Safe) dan Dioptimumkan (Optimized)?

Mod Selamat (Safe) hanya membuang ruang kosong dan ulasan serta memendekkan nilai, mengekalkan setiap peraturan tepat di tempat anda menulisnya. Mod Dioptimumkan (Optimized) pergi lebih jauh dengan menggabungkan pemilih dan peraturan pendua untuk fail yang lebih kecil — ia boleh menyusun semula peraturan, jadi untuk fail gaya yang bergantung pada susunan asal, adalah disyorkan untuk menyemaknya terlebih dahulu sebelum dilancarkan. Ulasan yang ditandakan dengan /*! … */ akan dikekalkan dalam kedua-dua mod.

Adakah tindakan mengecilkan (minify) akan mengubah rupa halaman saya?

Dalam mod Selamat (Safe), tidak — gaya anda akan dipaparkan dengan cara yang sama persis. Ia merapatkan ruang kosong, membuang ulasan biasa dan menulis semula nilai dalam bentuk setara yang lebih pendek (seperti #ffffff kepada #fff), dan ia tidak sekali-kali mengubah awalan vendor atau sintaks moden anda. Mod Dioptimumkan (Optimized) juga menggabungkan peraturan, yang kelihatan serupa pada hampir setiap fail gaya tetapi perlu disahkan jika fail anda bergantung pada susunan peraturan.