Langkau ke kandungan
ToolMug

Pemampat CSS

Mampatkan helaian gaya untuk pengeluaran. CSSO membuang ruang kosong dan komen, memendekkan warna dan nilai, dan menggabungkan peraturan yang mengulang pemilih yang sama — selalunya menjimatkan lebih banyak daripada sekadar membuang ruang kosong.

Berjalan dalam pelayar anda — apa yang anda masukkan tidak dimuat naik

Cara menggunakan

  1. Tampal CSS anda.
  2. Pilih sama ada hendak menyusun semula peraturan dan mengekalkan komen lesen.
  3. Klik Mampatkan, atau tekan Ctrl+Enter (⌘+Enter pada Mac).
  4. Salin atau muat turun CSS yang telah dimampatkan.

Penerangan pilihan

Gabung dan susun semula peraturan
Menggabungkan peraturan dengan pemilih yang sama atau deklarasi yang sama apabila selamat untuk berbuat demikian. Matikan untuk hanya membuang ruang kosong dan memendekkan nilai.
Kekalkan komen lesen
Mengekalkan komen yang bermula dengan /*!, iaitu konvensyen untuk notis lesen.

Contoh

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

dimampatkan menjadi a{color:red;margin:0}.

Soalan lazim

Apakah yang dipendekkan?

Warna (#ff0000 → red, #ffffff → #fff), unit sifar (0px → 0), koma bertitik dan tanda petik yang berlebihan, serta ruang kosong. Apabila penyusunan semula dihidupkan, peraturan pendua digabungkan.

Bolehkah penyusunan semula mengubah rupa halaman saya?

CSSO hanya mengalihkan deklarasi apabila hasil lata (cascade) kekal sama. Jika anda bergantung pada hack yang luar biasa, bandingkan hasilnya atau matikan penyusunan semula.

Adakah kod saya dimuat naik?

Tidak. Pemampatan dijalankan dalam pelayar anda.

Privasi

Alat ini berjalan sepenuhnya dalam pelayar anda. Fail dan teks anda diproses pada peranti anda dan tidak pernah dimuat naik ke pelayan kami.

Alat berkaitan