CSS küçültücü
Değerlerinize dokunmadan yorumları ve boşlukları çıkararak CSS'yi küçültün.
CSS küçültücü
Bir stil sayfası yapıştırdığınızda bu araç, yorumların çıkarıldığı, boşlukların daraltıldığı ve her bloktaki son noktalı virgülün kaldırıldığı kompakt bir sürüm döndürür. Göndermeden önce bir stil sayfasındaki baytları tıraşlamak, kritik CSS'yi bir sayfa başlığına satır içi olarak eklemek, stilleri bir HTML e-posta şablonuna sıkıştırmak veya yalnızca dosyanızın ne kadarının biçimlendirildiğini görmek için kullanın; çıktının altındaki sayım, bayt sayılarını ve kaydedilen yüzdeyi gösterir.
Küçültücü, metni körü körüne değiştirmek yerine CSS'nizi ayrıştırır, böylece zor kısımlar bozulmadan kalır: dize değişmezleri her karakteri korur, calc() ifadeleri operatörlerin etrafındaki boşlukları korur, url() değerleri dokunulmadan kopyalanır ve "a :hover" gibi bir alt seçici asla "a:hover" ile birleştirilmez. Kasıtlı olarak yapmadığı şey değerlerinizi yeniden yazmaktır; renkler, birimler ve kısayollar tam olarak yazdığınız gibi çıkar. Bu, kuralları yeniden yapılandıran bir optimize edici değil, dürüst bir boşluk ve yorum küçültücüsüdür.
İki seçenek çıkışı ayarlar. "/*! yorumlarını tut" seçeneği, küçültüldüğünde hayatta kalması gereken lisans banner'ları için geçerli olan /*! ile başlayan yorumları korur; bunları diğer yorumlar gibi bırakmak için kapatın. "Satır başına bir kural", her üst düzey kuraldan sonra yeni bir satır yayınlar; bu, sonucun fark dostu olmasını sağlar ve taranması tek bir uzun satıra göre daha kolaydır.
Her şey tarayıcınızda çalışır. CSS'niz hiçbir zaman yüklenmez, dolayısıyla özel stil sayfaları ve yayınlanmamış tasarımlar cihazınızda kalır.