CSS Biçimlendirici ve Küçültücü
CSS’i okumak için güzelleştirin ya da yayına almak için küçültün
Bu araç hakkında
Küçültülmüş ya da kopyala-yapıştır edilmiş CSS’i satır başına tek bildirim düşecek şekilde açın veya bir stil dosyasını üretim için sıkıştırın. Güzelleştirici girintileri ve süslü parantez yerleşimini normalleştirir; küçültücü ise yorumları sıyırır, boşlukları toplar ve son noktalı virgülleri atarken dizgelere, url(...) içeriklerine ve calc() ifadelerine dokunmaz.
Küçültücü, yapmadığı şeyler konusunda şeffaftır: seçicileri yeniden adlandırmaz, yinelenen kuralları birleştirmez, renkleri yeniden yazmaz. Bu da çıktıyı öngörülebilir ve her stil dosyası için güvenli kılar — hile ve üretici önekleri içerenler dâhil. Yapıştır, küçült, yayına al.
Buradaki her araç gibi işlem yereldir. Yayımlanmamış tasarım sistemi kodu tarayıcınızda kalır.
Sıkça sorulan sorular
- Küçültülmüş CSS ne kadar küçülür?
- Elle yazılmış CSS’te tipik olarak %15–30; bunun çoğu girintiler ve yorumlardan gelir. Sunucunuzdaki gzip aynı fazlalığın büyük kısmını zaten kaldırır; yani hat üzerindeki fark ham bayt sayısının ima ettiğinden küçüktür — yine de küçültün, ayrıştırma süresini de kısaltır.
- calc(), özel özellikler ve medya sorguları için güvenli mi?
- Evet. calc() içindeki boşluklar anlamlıdır ve korunur; özel özellikler ile var() başvuruları düz bildirimlerdir ve değişmeden kalır; @media ve diğer at-kuralları yapısını korur.
- Torun seçicileri neden boşluklarını korudu?
- Çünkü “nav a” ile “nava” farklı şeyleri seçer — o boşluk biçimlendirme değil, bir birleştiricidir. Küçültücü yalnızca sözdizimsel anlamı olmayan boşlukları kaldırır.
- LESS/SCSS ile CSS arasında dönüşüm yapabilir mi?
- Hayır — ön işlemci sözdizimi biçimlendirmeyi değil derlemeyi gerektirir. Aynı zamanda geçerli CSS olan sade SCSS sorunsuz biçimlenir; iç içe kurallar ve mixin’ler biçimlenmez.