CSS Küçültücü ne işe yarar
Bu, canlı ve iki bölmeli bir küçültücüdür. Orijinal CSS’iniz solda durur, küçültülmüş sürüm ise siz yazar yazmaz, herhangi bir düğmeye basmadan sağda belirir. Yazdıkça her bölme kendi boyutunu gösterir; bir özet satırı da orijinal boyutu, küçültülmüş boyutu ve sonucun ne kadar küçüldüğünü yazar, böylece kazancı bir bakışta görürsünüz. Arka planda yorumları kaldırır, ardışık boşlukları ve satır sonlarını sıkıştırır, süslü parantez, iki nokta, noktalı virgül ve virgüllerin etrafındaki boşlukları siler ve gereksiz sondaki noktalı virgülleri atar. Geri aldığınız şey, çok daha az baytta birebir aynı stildir. İşiniz bitince tek tıkla çıktıyı kopyalar ya da bir .min.css dosyası olarak indirirsiniz. Ön yüz geliştiricileri, CSS öğrenen öğrenciler ve bir derleme adımı kurmadan daha hafif bir dosya isteyen herkes için kullanışlıdır.
Nasıl kullanılır
- CSS’inizi soldaki giriş bölmesine yapıştırın ya da yazın; ya da örnek bir stil sayfası eklemek için Örnek yükle düğmesine basın.
- Küçültülmüş CSS siz yazdıkça sağdaki bölmede anında belirir; her bölmenin boyutu ve kazanılan yüzde üstte gösterilir.
- Sonucu almak için Kopyala’ya, bir
.min.cssdosyası olarak kaydetmek için İndir’e tıklayın. - Her iki bölmeyi boşaltıp baştan başlamak için Temizle’yi kullanın.
Uğraşmanız gereken ayar yok ve hiçbir şey yüklenmez. Yapıştır, kazancı gör, kopyala ya da indir, bitti.
Neden burada küçültmelisiniz
Daha küçük CSS, tarayıcıların indirmesi gereken daha az bayt demektir; böylece sayfalar daha erken çizilir ve stilleriniz daha hızlı yüklenir, özellikle mobil bağlantılarda. İşlemi tarayıcıda yapmak işleri hızlı ve gizli tutar: kodunuz kendi cihazınızda işlenir ve asla bir sunucuya yüklenmez; bu da CSS bir müşteriye ya da henüz yayımlanmamış bir projeye ait olduğunda önemlidir. Ücretsizdir, hesap gerektirmez ve tarayıcısı olan her cihazda çalışır. Diğer geliştirici araçları için geliştirici araçları kategorisine göz atın.
Orijinal, okunabilir stil sayfanızı düzenleme için saklayın ve küçültülmüş sürümü yalnızca yayında kullanın. HTML veya JavaScript’i de küçültmeniz gerekirse, JotTools’ta bunlar için de eşleşen küçültücüler vardır.
İpucu: küçültülmüş CSS’i elle düzenlemek zordur, bu yüzden çalışma kaynağınız olarak her zaman küçültülmemiş bir kopya tutun. Aynı anda çok sayıda stil sayfası ya da varlık sıkıştırmak için, aynı ekibin masaüstü uygulaması BulkPro toplu işleri halleder.
Sıkça sorulan sorular
- CSS küçültücü dosya boyutunu nasıl düşürür?
- Yorumları, fazla boşluk ve satır sonlarını, süslü parantez, iki nokta, noktalı virgül ve virgüllerin etrafındaki boşlukları, ayrıca gereksiz sondaki noktalı virgülleri kaldırır. Hafif bir küçültücüdür, dolayısıyla seçicilerinize, özelliklerinize ve değerlerinize hiç dokunmaz. Stil tıpatıp aynı kalırken bayt sayısı düşer.
- Ne kadar kazandığımı gösteriyor mu?
- Evet. Her bölme kendi boyutunu bayt ya da KB olarak gösterir; özet satırı da orijinal boyutu, küçültülmüş boyutu ve yüzde kaç kısalttığınızı yazarak siz yazdıkça anında güncellenir.
- Küçültülmüş CSS'i indirebilir miyim?
- Evet. Kopyala düğmesinin yanında, sonucu bir .min.css dosyası olarak kaydeden bir İndir düğmesi vardır; böylece bir düzenleyici açmadan doğrudan projenize koyabilirsiniz.
- Küçültmek CSS'imin çalışma şeklini değiştirir mi?
- Hayır. Araç yalnızca tarayıcıların göz ardı ettiği karakterleri (boşluk ve yorumlar) kaldırır. Seçicileriniz, özellikleriniz ve değerleriniz olduğu gibi kalır, bu yüzden işlenen sonuç birebir aynıdır.
- CSS'imi küçültürken herhangi bir yere yükleniyor mu?
- Hayır. Küçültme tamamen kendi cihazınızda, tarayıcınızda çalışır. Kodunuz hiçbir zaman bir sunucuya gönderilmez; bu da müşteri işlerini ve özel projeleri güvende tutar.
- Küçülttükten sonra orijinal CSS'imi geri alabilir miyim?
- Küçültülmüş çıktıdan alamazsınız, çünkü yorumlar ve biçimlendirme kalıcı olarak gider. Okunabilir kaynak dosyanızı her zaman saklayın ve küçültülmüş sürümü yalnızca yayında kullanın.