CSS Küçültücü ve Güzelleştirici
Tasarımdan gizli — tamamen tarayıcınızda çalışır
CSS'i tarayıcınızda küçültün veya güzelleştirin. Toova, üretim için stil sayfalarınızı küçültmek amacıyla boşlukları ve yorumları kaldırır ya da küçültülmüş CSS'i hata ayıklarken okuyabileceğiniz bir şeye güzel yazdırır.
İki mod, tek iş akışı
Küçültme modu her yorumu, her gereksiz boşluğu ve her gereksiz satır sonunu kaldırır. Çıktı, işlevsel olarak özdeş CSS'tir ancak tipik olarak yüzde 20-40 daha küçüktür; bu da ilk boyamayı hızlandırır ve aktarım boyutunu azaltır. Güzelleştirme modu tam tersi yönde çalışır — bir CDN'den, çerçeve paketinden veya üçüncü taraf widget'tan gelen küçültülmüş CSS'i alır ve seçicileri ve özellikleri denetleyebilmeniz için okunabilir forma genişletir.
Yapılandırılabilir biçimlendirme
Güzelleştirilmiş çıktı için 2 boşluklu, 4 boşluklu veya sekme girintisi seçin. Yorumları tutmayı (başlık bannerleri ve lisans dizeleri için kullanışlı) veya tamamen kaldırmayı seçin. Küçültücü, CSS değişkenlerini ve seçicileri olduğu gibi korur; dolayısıyla özel özellik adları ve animasyon ana kareleri gidiş-dönüşten sağ çıkar. Vendor önekleri dokunulmadan kalır.
Yalnızca yerel
Her küçültme ve güzelleştirme işlemi tarayıcınızda çalışır. Yapıştırdığınız CSS — tasarım sisteminizden tescilli stil sayfaları veya denetlediğiniz üçüncü taraf kod olsa da — sayfayı terk etmez. Ağ sekmesi işleme sırasında boş kalır ve sayfa ilk yüklemeden sonra çevrimdışı çalışır.
Sıkça Sorulan Sorular
- Küçültülmüş CSS ne kadar daha küçük olur?
- Gzip'ten sonra genellikle orijinalden yüzde 20-40 daha küçük. Tasarruflar yorumları, boşlukları ve gereksiz sıfır değerlerini kaldırmaktan gelir. Modern derleme süreçleri bunu otomatik olarak yapar, ancak tek seferlik parçacıklar için manuel bir araç kullanışlıdır.
- Küçültme CSS'imi bozar mı?
- Hayır. Küçültücü her kuralı, özelliği ve değeri olduğu gibi korur. Yalnızca boşlukları ve yorumları kaldırır. CSS değişkenleri, animasyonlar ve vendor önekleri dokunulmadan kalır.
- Bir CDN'den CSS'i güzelleştirebilir miyim?
- Evet. Küçültülmüş CSS'i yapıştırın ve Toova onu tutarlı girinti ile okunabilir forma genişletir. Üçüncü taraf bir widget'ın gerçekte ne yaptığını denetlemek veya bir çerçevenin derlenmiş çıktısında hata ayıklamak için kullanışlıdır.
- Yorumlar korunuyor mu?
- Bir geçiş düğmesidir. Varsayılan olarak, küçültme tasarrufları en üst düzeye çıkarmak için yorumları kaldırır. Yorumları koru seçeneğini etkinleştirerek lisans başlıklarını ve diğer önemli yorumları tutabilirsiniz.
- CSS'm herhangi bir yere gönderiliyor mu?
- Hayır. İşleme tamamen tarayıcınızda çalışır. Hiçbir şey yüklenmez veya günlüğe kaydedilmez.