ToolboxKit

Pemformat & Pengecil CSS

Tempel CSS untuk memformatnya dengan satu properti per baris, atau perkecil untuk produksi.

File Anda tidak pernah meninggalkan perangkat — semuanya berjalan di browser Anda.

CSS — Input
Output

Cara Penggunaan

  1. 1Tempel CSS Anda ke kotak input.
  2. 2Pilih 'Rapikan' untuk kode yang terbaca atau 'Perkecil' untuk keluaran terkecil.
  3. 3Atur indentasi yang Anda sukai.
  4. 4Salin hasilnya, atau unduh sebagai file .css.

CSS yang terbaca atau ringkas

Merapikan mengubah stylesheet terkompresi menjadi aturan berindentasi dengan satu deklarasi per baris. Memperkecil membuang komentar dan spasi agar file terunduh lebih cepat.

Mengapa penting

CSS yang lebih kecil dimuat lebih cepat, yang membantu kecepatan halaman, sedangkan CSS yang terbaca lebih mudah dipelihara dan ditinjau. Simpan versi sumber yang diformat dan terbitkan yang diperkecil.

Privasi

Pemrosesan terjadi di browser Anda, jadi stylesheet tidak diunggah. Selalu uji file yang diperkecil sebelum di-deploy.

Pertanyaan yang Sering Diajukan

Apakah mendukung media query dan CSS modern?

Ya. Media query, at-rule bersarang, properti kustom (--variabel), dan selektor modern diformat dengan benar.

Seberapa banyak pengecilan menghemat ukuran?

Tergantung cara file ditulis. Menghapus komentar, jeda baris, dan indentasi sering memangkas stylesheet tulisan tangan sebesar 20–40%. Kompresi gzip atau Brotli di server Anda mengurangi ukuran transfer lebih lanjut.

Apakah stylesheet saya diunggah?

Tidak. Pemformatan berjalan secara lokal di browser Anda.

Alat Terkait