onul.works

CSS Minifier

Gunakan CSS minifier dalam talian untuk minify dan mampatkan kod CSS menjadi stylesheet yang lebih kecil.

⌘ Berjalan dalam pelayar ◴ Data tidak disimpan ⌁ Percuma

Niat carian

Gunakan minifier CSS untuk mengecilkan stylesheet sebelum penerapan

Minify CSS bertujuan untuk menghapus ruang kosong dan komen bagi mengurangkan saiz penghantaran dan mempercepat penyampaian stylesheet.

Menghapus ruang kosong, baris baru, dan komen daripada CSS mengurangkan saiz fail, sekali gus mengurangkan masa pemindahan dan meningkatkan prestasi muatan awal semasa penerapan aset.

Sebelum penerbitan, simpan salinan asal, bandingkan saiz sebelum dan selepas, dan semak bahagian sensitif seperti calc(), pembolehubah CSS, dan pemilih.

Bila digunakan

Gunakan sebelum pelepasan jika anda mahu stylesheet produksi lebih kecil dan dihantar lebih cepat.

Apa yang dikurangkan

Ruang kosong, baris tambahan dan komen dibuang bagi mengecilkan beban penghantaran rangkaian.

Pemeriksaan sebelum lepas

Simpan fail asal dahulu, bandingkan saiz, dan lakukan semakan visual ringkas terhadap kebolehbacaan serta perilaku susun atur sebelum deploy.

Ini hanya minifikasi ringan, bukan pengesahan kod; sentiasa uji di staging dan simpan sandaran sumber sebelum menimpa.

Input CSS
CSS yang diminify

Cara guna

  1. 1 Tampal kod CSS yang mahu diminify ke dalam kawasan input.
  2. 2 Klik butang minify untuk membuang komen, ruang tambahan, dan aksara yang tidak perlu.
  3. 3 Salin CSS output ke dalam fail binaan atau deployment anda.

Contoh penggunaan umum

  • Pembuangan komen CSS
  • Pemampatan ruang kosong stylesheet dengan CSS minifier
  • Semakan saiz sebelum dan selepas

Soalan lazim

Apa yang dilakukan oleh minifikasi CSS?

Ia berfungsi sebagai CSS minifier ringan: membuang komen, merapatkan ruang kosong, dan memangkas jarak tidak perlu di sekitar kurungan, titik dua, titik koma, dan koma.

Bolehkah saya menyalin hasilnya?

Ya. Selepas minify, anda boleh menyalin CSS daripada kotak output, dan saiz input serta output dipaparkan.

Apa yang perlu disemak sebelum menggunakan CSS yang diminify?

Ini ialah minifikasi mudah berasaskan regex, jadi ia tidak membetulkan ralat sintaks CSS. Semak output sebelum menggunakannya.

Aliran kerja berkaitan

CSS MinifierKecilkan gaya akhir sebelum keluaran supaya ia kekal ringan bersama aset seterusnya. → Penjana BarcodeCipta kod pengecam yang diperlukan untuk skrin atau dokumen yang sama sebagai barcode. → Penjana Box ShadowSediakan nilai bayang kad dan label untuk dipadankan dengan CSS yang telah diminify.