Ada masalah dengan alat ini?

Tentang «Minify CSS Online»

Alat ini meminifikasi CSS dengan menghapus whitespace yang tidak perlu, komentar, dan sintaks redundan. Output secara fungsional identik dengan input tetapi jauh lebih kecil — sering pengurangan 30-50% dalam ukuran file — yang berarti pemuatan halaman lebih cepat dan biaya bandwidth lebih rendah.

Operasi minifikasi umum termasuk menghapus whitespace, menghapus komentar, mempersingkat warna hex (#FFFFFF → #FFF), menggabungkan beberapa selector yang berbagi deklarasi yang sama, dan menghapus unit nol (0px → 0).

Jalankan minifier pada gaya Anda sebelum men-deploy ke produksi. Output dipertahankan persis saat diuraikan oleh browser — hanya pemformatan yang dapat dibaca manusia yang hilang. Source map dapat memetakan versi yang diminifikasi kembali ke aslinya untuk debugging.

Cara memakai alat ini

Cara mengompres CSS untuk produksi

  1. Tempel CSS

    Letakkan stylesheet utuh (atau satu blok) di kolom "CSS". Komentar, baris baru, dan indentasi dihapus. String dan literal url() tetap utuh.

  2. Tekan Jalankan

    Hasil: field `minified` plus `savedPercent` yang menunjukkan seberapa lebih kecil output dibanding input. Penghematan tipikal: 20–40% pada CSS tulis tangan, lebih sedikit pada framework yang sudah dioptimasi.

  3. Apa yang dihapus

    Komentar blok (`/* … */`) dan whitespace yang tidak aman (di sekitar `{ } : ; ,`). Titik koma akhir sebelum `}` dipertahankan (lebih aman untuk beberapa parser lama) atau dihapus tergantung implementasi — lihat output bila byte tepat penting.

  4. Peringatan

    Tidak menggabungkan selector duplikat, tidak memendekkan nama warna (`#ffffff` tetap, bukan `#fff`), tidak menyusun ulang deklarasi. Untuk minifikasi lebih agresif gunakan csso atau lightningcss di build Anda.

Alat serupa