Utils365

Pemformat dan minifier CSS

Buat CSS mudah dibaca lagi, atau perkecil untuk situs yang lebih cepat.

Tempel CSS, buka file .css, atau letakkan di sini

Berikutnya: Pemformat HTML · Pemformat JavaScript

Laporkan masalah dengan alat ini

Cara menggunakan Pemformat CSS

  1. Tempel CSS Anda

    Tempel stylesheet, atau buka atau letakkan file .css. Langsung diformat saat Anda mengetik.

  2. Rapikan atau minify

    Rapikan menempatkan setiap aturan dan properti di barisnya sendiri. Minify menghapus komentar, spasi, dan semua yang tidak dibutuhkan browser.

  3. Salin atau unduh

    Salin hasilnya, atau unduh sebagai file .css. Saat minify, Anda akan melihat ukuran sebelum dan sesudah.

Mengapa menggunakan Utils365

  • Lebih pintar dari sekadar hapus spasi

    Minifier juga memendekkan warna seperti #ff0000 menjadi red, menghapus satuan dari angka nol, dan menghapus aturan kosong.

  • Urutan aturan tetap

    Aturan tidak pernah digabung atau dipindahkan, sehingga cascade bekerja persis seperti sebelumnya dan tidak ada yang menimpa aturan yang lebih baru.

  • Komentar lisensi dipertahankan

    Komentar yang diawali /*! tetap ada di file hasil minify, seperti yang diwajibkan banyak lisensi open source.

  • Privasi terjaga

    CSS Anda diformat di browser dan tidak pernah diunggah.

Pertanyaan yang sering diajukan

Seberapa kecil CSS setelah di-minify?

Biasanya 15–30%, lebih banyak jika stylesheet memiliki banyak komentar. Ringkasan menampilkan ukuran persis sebelum dan sesudah, serta persentase penghematannya.

Bisakah minify merusak style saya?

Alat ini dirancang agar tidak. Nilai hanya ditulis ulang dengan cara yang maknanya sama, dan aturan tetap pada urutannya, sehingga aturan mana yang berlaku tidak berubah.

Bagaimana cara unminify CSS?

Tempel CSS yang di-minify dan pilih Rapikan. Setiap aturan dan properti ditempatkan di barisnya sendiri dengan indentasi pilihan Anda. Komentar yang sudah dihapus tidak bisa dikembalikan.

Apakah bisa untuk SCSS atau Less?

Rapikan menangani sebagian besar SCSS dan Less, termasuk nesting. Minify mengharapkan CSS biasa, jadi kompilasi SCSS atau Less Anda terlebih dahulu.