Utilore

CSS küçültücü

Bir stil dosyasını yapıştırın, sıkıştırılmış hâlde geri alın. Kutunun altındaki sayaç önceki ve sonraki boyutu gösterir, böylece zahmete değip değmediğini görürsünüz.

Kod bu sayfadan çıkmaz: biçimlendirme tarayıcınızda yapılır.

Nasıl kullanılır

  1. CSS'i ilk kutuya yapıştırın: siz yazdıkça küçültülür.
  2. Girişin altında gösterilen boyutları karşılaştırın.
  3. Sonucu kopyalayın ya da yeniden okumak için «Biçimlendir» düğmesine basın.

Bilmekte fayda var

Neler kaldırılır

Yorumlar, satır sonları, girintiler, iki nokta ve birleştiricilerin çevresindeki boşluklar ve her kapanış parantezinden önceki son noktalı virgül. Standart o noktalı virgülü zaten hiç zorunlu tutmadı. Seçicilerde bir torunu atasından ayıran tek boşluk korunur, çünkü onu silmek kuralın neyi eşleştirdiğini değiştirir.

Dizilere neden dokunulmuyor

content: "a;b" içindeki noktalı virgül de satır içi SVG veri URI'sindeki süslü parantez de düzenli ifadeye yapı gibi görünür. Kalıp eşleştirmeyle çalışan küçültücüler böyle dosyaları sessizce bozar ve hasar canlıda eksik bir simge olarak ortaya çıkar. Bu araç stil dosyasını karakter karakter okur ve tırnaklı dizileri bütün hâlde taşır.

Sık sorulan sorular

Stil dosyası tam olarak aynı şekilde mi çalışır?

Evet. Hiçbir şey yeniden adlandırılmaz, sıralanmaz, silinmez. Yalnızca boşluklar ve yorumlar gider, ikisi de bir kuralın nasıl uygulandığını etkilemez.

Dosyam ne kadar küçülür?

Elle yazılmış bir stil dosyası genellikle yüzde yirmi ile otuz arasında kaybeder. Gzip'ten sonra fark çok daha küçüktür, çünkü sıkıştırma yinelenen boşluklarla zaten kendisi ilgilenir.

Kodum sunucuya gönderiliyor mu?

Hayır. Tüm işlem sayfada yürür ve bu, henüz yayımlanmamış stil dosyaları için önemlidir.

Sonradan yeniden okuyabilir miyim?

«Biçimlendir» düğmesine basın; stil dosyası satır başına bir bildirim olacak şekilde yeniden serilir. Özgün yorumlar gitmiştir ama kuralların hepsi yerindedir.

İlgili araçlar