Input
Menyiapkan ruang kerja Anda…
Cara menggunakan
- Tempel CSS, buka file UTF-8 atau muat Contoh.
- Pilih indentasi atau aktifkan Minifikasi CSS, lalu jalankan.
- Periksa hasil dan gunakan Salin atau Unduh.
Memformat dan meminifikasi CSS
Pemformatan memudahkan pembacaan dan peninjauan stylesheet. Minifikasi menghapus spasi opsional dan komentar biasa agar teks lebih kecil.
Kedua operasi mem-parsing input terlebih dahulu. Formatter memakai Prettier; minifier memakai CSSTree untuk menghasilkan sintaks ringkas tanpa optimasi menyeluruh pada stylesheet.
Memilih operasi
Format membuat indentasi dan pemisah baris yang konsisten. Pilih dua atau empat spasi sesuai proyek.
Minify memadatkan CSS valid sambil mempertahankan spasi wajib dan komentar lisensi yang dimulai tanda seru. Optimizer terpisah mungkin masih dapat menyederhanakan hasil.
.card { color: red; padding: 8px; }.card{color:red;padding:8px}Ilustrasi sintaks ringkas; pilih Minifikasi CSS untuk menghasilkan bentuk ini.
Batas parsing dan transformasi
Alat ini tidak menghapus selector tak terpakai, menggabungkan aturan, menulis ulang URL aset atau mengambil import. Uji hasil dalam konteks aplikasi asalnya.
Input harus berupa CSS, bukan program Sass atau Less. Kesalahan parser ditampilkan; hasil lama tidak dapat diekspor setelah input atau pengaturan berubah.
Mengekspor stylesheet
Salin mengekspor seluruh hasil terkini; Unduh menyimpan styles.css. Keduanya tidak mengedit file sumber atau memasang stylesheet pada proyek.
Input teks hingga 1 MiB. Transformasi CSS dan HTML berjalan dalam worker dengan batas 30 detik. Alat warna menggunakan sRGB; gaya yang dihasilkan merupakan pratinjau dan perlu diuji dalam tata letak Anda sendiri.
Pertanyaan umum
Apakah minifikasi menghapus CSS yang tidak dipakai?
Tidak. Alat memadatkan sintaks tanpa menganalisis HTML atau menentukan selector yang digunakan.
Apakah komentar lisensi dipertahankan?
Minifikasi mempertahankan komentar yang diawali /*! dan menghapus komentar biasa. Tinjau hasil bila proyek memiliki persyaratan pemberitahuan tambahan.
Dapatkah saya menempelkan Sass atau Less?
Alat ini mem-parsing CSS tanpa menjalankan compiler Sass atau Less. Kompilasikan sumber preprocessor terlebih dahulu.
Mengapa Salin nonaktif setelah input diedit?
Hasil yang ditampilkan berasal dari input atau pengaturan sebelumnya. Jalankan kembali operasi untuk memperoleh hasil terkini.
Apakah stylesheet saya diunggah?
Tidak. Parsing dan transformasi berjalan di browser. File teks dibaca secara lokal, sedangkan Unduh membuat file hasil baru.