Langsung ke konten
ToolMug

Gunakan ↑ ↓ untuk berpindah, Enter untuk membuka, Esc untuk menutup.

CSS Minifier

Minify dan kompres stylesheet CSS untuk produksi. CSSO menghapus spasi dan komentar, memperpendek warna dan nilai, serta menggabungkan aturan dengan selector yang sama — sering kali menghemat lebih banyak daripada sekadar menghapus spasi.

Berjalan di browser Anda — tidak ada yang Anda masukkan yang diunggah

Cara menggunakan

  1. Tempel CSS Anda.
  2. Pilih apakah aturan akan disusun ulang dan apakah komentar lisensi dipertahankan.
  3. Klik Minify, atau tekan Ctrl+Enter (⌘+Enter di Mac).
  4. Salin atau unduh CSS yang sudah di-minify.

Penjelasan opsi

Gabungkan dan susun ulang aturan
Menggabungkan aturan dengan selector yang sama atau deklarasi yang sama jika aman dilakukan. Matikan untuk hanya menghapus spasi dan memperpendek nilai.
Pertahankan komentar lisensi
Mempertahankan komentar yang diawali /*!, yaitu konvensi untuk pemberitahuan lisensi.

Contoh

a { color: #ff0000; }
/* note */
a { margin: 0px; }

di-minify menjadi a{color:red;margin:0}.

Pertanyaan yang sering diajukan

Apa saja yang diperpendek?

Warna (#ff0000 → red, #ffffff → #fff), satuan nol (0px → 0), titik koma dan tanda kutip yang tidak perlu, serta spasi. Jika penyusunan ulang aktif, aturan duplikat digabungkan.

Bisakah penyusunan ulang mengubah tampilan halaman saya?

CSSO hanya memindahkan deklarasi jika hasil cascade tetap sama. Jika Anda mengandalkan hack yang tidak biasa, bandingkan hasilnya atau matikan penyusunan ulang.

Apakah kode saya diunggah?

Tidak. Minifikasi berjalan di browser Anda.

Privasi

Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.

Alat terkait