CSS Küçültücü
CSS kodlarındaki yorum satırlarını, gereksiz boşlukları ve son noktalı virgülleri temizleyerek dosya boyutunu küçültün.
Aracı çalıştır
CSS küçültme aracı, stil sayfası metinlerini daha kompakt bir yapıya dönüştürür. İsteğe bağlı metin kutusuna girdiğiniz stil kurallarındaki çok satırlı blok yorumları temizlenir. Araç; küme parantezleri, noktalı virgüller, iki nokta üst üste ve virgül işaretlerinin çevresinde yer alan tüm gereksiz boşluk ve satır sonu karakterlerini ayıklar. Kalan ardışık boşlukları tek bir boşluğa indirger, metnin başındaki ve sonundaki boşlukları kırpar. Kapanış parantezinden hemen önce gelen son noktalı virgülü de kaldırarak stil bloklarını sadeleştirir. İşlem sonrasında arayüz, girdiğiniz orijinal karakter uzunluğunu, dönüştürülen metnin uzunluğunu, silinen karakter farkını ve bir ondalık basamak hassasiyetle hesaplanan tasarruf yüzdesini ayrıntılı biçimde sunar. Boş bırakılan veya yalnızca boşluklardan oluşan girişlerde çıktı alanı boş kalır ve boyut sayaçları sıfır değerini gösterir. Stil kurallarınızı doğrudan yapıştırıp çalıştırarak çıktıyı elde edebilir, stil dosyalarınızın karakter hacmini azaltarak veri aktarımını daha verimli hale getirebilirsiniz.
Kullanım
- Küçültmek istediğiniz CSS kodunu metin alanına yapıştırın veya yazın.
- Küçültme işlemini başlatmak için çalıştırma düğmesine tıklayın.
- Sonuç panelinde oluşturulan sıkıştırılmış CSS metnini inceleyin ve kopyalayın.
- Girdi ve çıktı karakter sayıları ile hesaplanan tasarruf oranını kontrol edin.
Örnekler
- Girdi olarak '/* Başlık */ h1 { color: #333333; font-size: 24px; }' verildiğinde araç yorumu siler, boşlukları daraltır ve son noktalı virgülü kaldırarak 'h1{color:#333333;font-size:24px}' çıktısını üretir.
- Girdi olarak '.container, .wrapper { margin: 0 auto; padding: 10px; }' verildiğinde virgül ve parantez boşlukları kaldırılarak '.container,.wrapper{margin:0 auto;padding:10px}' sonucu elde edilir.
SSS
CSS küçültme işlemi kodun çalışmasını etkiler mi?
İşlem yalnızca yorum satırlarını, gereksiz boşlukları ve son noktalı virgülleri temizler; CSS özelliklerini veya seçici yapısını bozmaz.
Giriş alanını boş bırakırsam ne olur?
Metin kutusu boş bırakıldığında veya yalnızca boşluk girildiğinde çıktı alanı boş döner ve tasarruf sayaçları sıfır değerini gösterir.
Yorum satırları çıktıya dahil edilir mi?
Hayır, stil metninde yer alan tüm blok yorumları dönüştürme sırasında tamamen kaldırılır.
Tasarruf yüzdesi nasıl hesaplanır?
Orijinal karakter uzunluğu ile yeni karakter uzunluğu arasındaki fark hesaplanır ve sonuç bir ondalık basamağa yuvarlanmış yüzde değeri olarak sunulur.