Seberapa kecil CSS yang di-minify?

Biasanya 20-40% lebih kecil daripada aslinya setelah gzip. Penghematan datang dari penghapusan komentar, spasi, dan nilai nol yang berlebihan. Pipeline build modern melakukannya secara otomatis, tetapi memiliki alat manual berguna untuk snippet sekali pakai.

Akankah minifikasi merusak CSS saya?

Tidak. Minifier mempertahankan setiap aturan, properti, dan nilai apa adanya. Ia hanya menghapus spasi dan komentar. Variabel CSS, animasi, dan prefiks vendor bertahan tidak tersentuh.

Dapatkah saya mempercantik CSS dari CDN?

Ya. Tempelkan CSS yang di-minify dan Toova memperluasnya menjadi bentuk yang dapat dibaca dengan indentasi konsisten. Berguna untuk mengaudit apa yang sebenarnya dilakukan widget pihak ketiga atau men-debug keluaran terkompilasi dari sebuah framework.

Apakah komentar dipertahankan?

Ini adalah tombol. Secara default, minifikasi menghapus komentar untuk memaksimalkan penghematan. Anda dapat menjaga header lisensi dan komentar penting lainnya dengan mengaktifkan opsi preserve-comments.

Apakah CSS saya dikirim ke mana pun?

Tidak. Pemrosesan berjalan sepenuhnya di peramban Anda. Tidak ada yang diunggah atau dicatat.

Minifier & Beautifier CSS — Alat Online Gratis

Minify atau percantik CSS di peramban Anda. Toova menghapus spasi dan komentar untuk mengecilkan stylesheet Anda untuk produksi, atau menampilkan CSS yang sudah di-minify dengan rapi menjadi sesuatu yang benar-benar dapat Anda baca saat men-debug.

Dua mode, satu alur kerja

Mode Minify menghapus setiap komentar, setiap spasi berlebih, dan setiap baris baru yang tidak perlu. Keluarannya adalah CSS yang fungsinya identik tetapi biasanya 20-40% lebih kecil, yang mempercepat first paint dan mengurangi ukuran transfer. Mode Beautify berjalan ke arah sebaliknya — ia mengambil CSS yang di-minify dari CDN, bundle framework, atau widget pihak ketiga dan memperluasnya menjadi bentuk yang dapat dibaca sehingga Anda dapat mengaudit selector dan properti.

Pemformatan yang dapat dikonfigurasi

Pilih indentasi 2 spasi, 4 spasi, atau tab untuk keluaran yang dipercantik. Pilih apakah akan menjaga komentar (berguna untuk banner header dan string lisensi) atau menghapusnya sepenuhnya. Minifier mempertahankan variabel CSS dan selector apa adanya, sehingga nama properti kustom dan keyframe animasi bertahan dalam pulang-pergi. Prefiks vendor dibiarkan tidak tersentuh.

Hanya lokal

Setiap operasi minify dan beautify berjalan di peramban Anda. CSS yang Anda tempel — baik itu stylesheet proprietary dari sistem desain Anda atau kode pihak ketiga yang Anda audit — tidak pernah meninggalkan halaman. Tab Network akan tetap kosong selama pemrosesan, dan halaman bekerja secara luring setelah pemuatan pertama.

Pertanyaan yang Sering Diajukan

Seberapa kecil CSS yang di-minify?: Biasanya 20-40% lebih kecil daripada aslinya setelah gzip. Penghematan datang dari penghapusan komentar, spasi, dan nilai nol yang berlebihan. Pipeline build modern melakukannya secara otomatis, tetapi memiliki alat manual berguna untuk snippet sekali pakai.
Akankah minifikasi merusak CSS saya?: Tidak. Minifier mempertahankan setiap aturan, properti, dan nilai apa adanya. Ia hanya menghapus spasi dan komentar. Variabel CSS, animasi, dan prefiks vendor bertahan tidak tersentuh.
Dapatkah saya mempercantik CSS dari CDN?: Ya. Tempelkan CSS yang di-minify dan Toova memperluasnya menjadi bentuk yang dapat dibaca dengan indentasi konsisten. Berguna untuk mengaudit apa yang sebenarnya dilakukan widget pihak ketiga atau men-debug keluaran terkompilasi dari sebuah framework.
Apakah komentar dipertahankan?: Ini adalah tombol. Secara default, minifikasi menghapus komentar untuk memaksimalkan penghematan. Anda dapat menjaga header lisensi dan komentar penting lainnya dengan mengaktifkan opsi preserve-comments.
Apakah CSS saya dikirim ke mana pun?: Tidak. Pemrosesan berjalan sepenuhnya di peramban Anda. Tidak ada yang diunggah atau dicatat.