⚙

minify CSS

Kompres CSS dengan menghapus komentar, spasi kosong, dan kode redundan. Menampilkan penghematan byte dan rasio kompresi secara tepat. Semuanya berjalan di browser Anda — tanpa server, tanpa pelacakan.

Alat Pengembang Berjalan lokal Tidak ada data dikirim
minifikasi CSS kompres optimalkan hanya di sisi klien
Opsi:
Input CSS
0 byte
→
CSS diminifikasi
0 byte
💡
CSS Minifier removes comments and unnecessary whitespace to reduce file size without changing functionality. Use the Pemformat CSS alat jika Anda perlu merapikan CSS yang diminifikasi untuk diedit. Kompresi tipikal: 20-40% lebih kecil.

Apa itu minify CSS?

Minifikasi dan kompres kode CSS secara instan. Hapus komentar, spasi kosong, dan kode redundan untuk mengurangi ukuran file untuk produksi. Gratis, berbasis browser, tidak ada data yang dikirim.

Cara Menggunakan minify CSS

  1. Tempelkan CSS Anda ke panel input.
  2. Jalankan minifier untuk menghapus spasi dan karakter tidak penting lainnya.
  3. Periksa output ringkas untuk memastikan stylesheet masih tampak benar.
  4. Salin atau unduh CSS hasil minify untuk deployment atau embedding.

Alat Terkait

📝
Pemformat CSS
Rapikan atau minify kode CSS dengan pemformatan yang dapat disesuaikan
 ⚙
minify JS
Kompres JavaScript menggunakan Terser - mangle dan minify
 📄
HTML Formatter
Rapikan atau padatkan HTML dengan indentasi yang dapat disesuaikan
Memahami Minifikasi CSS ▾
Contoh
Input .btn { color: red; padding: 8px 16px; }
Output .btn{color:red;padding:8px 16px}
Kasus Penggunaan Umum
  • Kurangi ukuran stylesheet sebelum deployment
  • CSS ringkas untuk embed atau potongan kode
  • Bandingkan output terformat dan terminifikasi saat mendebug
  • Siapkan payload gaya yang lebih kecil untuk situs statis atau email
Pertanyaan yang Sering Diajukan
Apakah minifikasi CSS akan merusak gaya saya?

No. The minifier only removes characters that have no effect on CSS parsing -whitespace and comments. The minified output is functionally identical to the original.

Haruskah saya menyimpan CSS asli yang terformat?

Ya. Selalu simpan file sumber yang mudah dibaca manusia di repositori Anda dan hanya deploy versi yang diminifikasi. Gunakan source map jika Anda perlu men-debug CSS yang diminifikasi di DevTools browser.

Berapa pengurangan ukuran file yang bisa saya harapkan?

Penghematan umumnya berkisar 20% hingga 50% tergantung pada banyaknya spasi dan komentar dalam file asli. Penghematan tambahan berasal dari kompresi gzip di tingkat server.

Apakah minifier mendukung properti kustom CSS (variabel)?

Ya. Properti kustom CSS (--my-var: value) dipertahankan persis seperti yang ditulis selama minifikasi.