Lewati ke konten
Toolars
Jelajahi
Laporkan bug

Pengembang · utilitas Lokal

Minifikasi CSS

CSS Minifier

Minimalkan stylesheet hingga 256 KiB dengan parser ketat yang melaporkan baris dan kolom kesalahan; komentar lisensi /*! dipertahankan, semuanya di peramban.

Jalur tugas / dari masukan ke hasil

Tempel stylesheet

Berjalan lokal · Tidak ada yang diunggah

Cara kerja Minifikasi CSS, privasi, dan alat terkait

Jalur tugas / dari masukan ke hasil

Cara meminifikasi CSS

  1. 01

    Tempel stylesheet

    Tempel sumber UTF-8 hingga 256 KiB. Kontrol indentasi dinonaktifkan pada mode Minify.

  2. 02

    Coba contohnya dulu

    Sampel dimuat. Jalankan transformasi lokal saat siap.

  3. 03

    Tekan Minifikasi

    Tekan Minify. CSSO menghapus komentar biasa dan memadatkan CSS tanpa menyusun ulang aturan; komentar /*!...*/ dipertahankan. Periksa hasil di tata letak tujuan.

  4. 04

    Periksa statistiknya

    Bandingkan byte UTF-8 masukan dan keluaran serta persentase penghematan. Nilai negatif berarti hasil membesar; periksa sebelum menyalin atau mengunduh.

  5. 05

    Salin atau unduh hasilnya

    Gunakan Salin hasil untuk papan klip atau Unduh untuk menyimpan toolars.min.css — Salin hasil adalah jalur cepat ketika keluarannya langsung menuju blok style atau commit. Atur ulang mengosongkan ruang kerja untuk stylesheet berikutnya.

Fakta alat

Pemrosesan
Di browser Anda
Input meninggalkan perangkat
Tidak pernah
Retensi
Tidak ada yang disimpan
Harga
Gratis

Masukan Anda tetap di peramban.

Minifikasi CSS menggunakan jalur eksekusi lokal terverifikasinya dan tidak membuat riwayat masukan atau keluaran tersembunyi.

Eksekusi lokal

Berjalan di dalam tab peramban saat ini.

Tanpa pemrosesan tersembunyi

Data alat aktif tidak pernah menjadi catatan dokumen Toolars.

Tanpa perlu akun

Gunakan alur kerja inti tanpa membuat profil. Favorit disinkronkan ke akun Anda setelah masuk.

Atur ulang seketika

Bersihkan tab dan data kerja aktif pun hilang.

Kapan Minifikasi CSS berguna

Tinjauan kode

Buat kode sumber lebih mudah diperiksa sebelum membagikannya kepada pengembang lain.

Artefak build

Buat HTML, CSS, atau JavaScript yang ringkas tanpa mengeksekusi kode sumbernya.

Cuplikan siap salin

Format contoh yang terfokus dan pindahkan langsung ke dokumentasi atau editor.

Apa yang sebenarnya dilakukan Minifikasi CSS

Stylesheet yang disetel tangan selama berbulan-bulan membutuhkan bentuk produksinya; blok CSS kritis harus menyusut sebelum masuk ke head dokumen; rilis sistem desain menginginkan angka sebelum-sesudah yang cepat. Minifikasi CSS memberi Anda keluaran terkompresi dan penghematan yang persis secara lokal, dan penguraian ketatnya menangkap kurung kurawal nyasar yang seharusnya ikut tayang diam-diam. Jalankan pada setiap kandidat rilis dan simpan sumber yang terbaca di version control; gaya yang belum dirilis tidak pernah meninggalkan peramban, dan tidak perlu akun.

Pertanyaan umum

Apa yang diubah minifier?
CSSO memadatkan sintaks dan menghapus komentar biasa; komentar yang diawali /*! tetap ada. Penyusunan ulang aturan dinonaktifkan, dan alat ini tidak memproses HTML atau JavaScript.
Komentar apa yang selamat dari minifikasi?
Hanya komentar yang dibuka dengan /*! — konvensi umum untuk banner lisensi dan atribusi, yang tetap melekat pada keluaran agar atribusi selamat dari distribusi. Komentar /* */ biasa dihapus, jadi pindahkan apa pun yang harus Anda simpan ke bentuk /*! sebelum meminifikasi.
Apakah minifikasi mengubah cara gaya saya diterapkan?
Tidak ada pemeriksaan tampilan peramban di sini. Uji hasil di halaman tujuan, terutama urutan aturan cadangan, selektor, dan properti khusus; keberhasilan parse tidak menjamin tata letak sama.
Mengapa stylesheet saya ditolak?
CSS diurai dengan parser ketat sebelum diminifikasi justru karena kompresornya sendiri toleran terhadap galat. Salah ketik, kurung kurawal yang tidak ditutup, atau deklarasi tidak valid menghentikan proses dengan baris dan kolom disebutkan, alih-alih menghasilkan keluaran yang salah secara halus. Penguraian ketat yang sama juga menopang pemformat CSS yang sepadan dalam keluarga ini.
Apa batasnya?
Masukan dibatasi 256 KiB dan keluaran 512 KiB. Worker lokal memiliki batas lima detik terpisah untuk mulai dan berjalan; mengedit sumber atau memilih Batal menghentikannya. Sumber tetap di peramban ini; tidak ada yang diunggah.
Apakah CSS saya diunggah ke suatu tempat?
Tidak. Sumber diurai dalam Worker lokal, tidak dijalankan, diunggah atau disimpan. Lolos parser bukan bukti aplikasi benar atau kompatibel.

Lanjutkan di Pengembang

Tugas terkait, bukan jalan buntu.

Pindah ke ruang kerja terfokus lainnya tanpa kembali ke indeks lengkap.

Kode ke Gambar

Code to Image Converter

Ekspor kode JavaScript, TypeScript, HTML, CSS, JSON, atau Bash berwarna sintaks sebagai SVG atau PNG dengan tema, nomor baris, dan judul jendela pilihan.

Buat

Generator Slug URL

URL Slug Generator

Ubah judul menjadi slug URL huruf kecil: aksen dihilangkan, & menjadi and, pemisah tanda hubung atau garis bawah; aksara non-Latin tetap utuh.

Buat

Generator Bayangan React Native

React Native Shadow Generator

Setel bayangan iOS dan elevation Android sambil membandingkan pratinjau langsung, lalu salin cuplikan StyleSheet TypeScript, termasuk mode boxShadow baru.

Buat

Enkode/Dekode Base64

Base64 Encoder/Decoder

Enkode atau dekode Base64 dengan opsi UTF-8, URL-safe, dan baris baru, divalidasi langsung di peramban — tombol Tukar memudahkan pemeriksaan pulang-pergi.

Konversi