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. Stil tıpatıp aynı kalırken bayt sayısı düşer.

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.

CSS Küçültücü

Girdi

Çıktı

CSS Küçültücü ne işe yarar

Bu araç, stil sayfanızdaki ölü ağırlığı söküp atar. CSS’inizi yapıştırın; 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. Ö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ş kutusuna yapıştırın ya da yazın.
Küçült düğmesine tıklayın.
Sıkıştırılmış CSS sağdaki Çıktı kutusunda görünür.
Kopyala düğmesine basıp sonucu alın ve .css dosyanıza ya da <style> etiketinize bırakın.

Uğraşmanız gereken ayar yok. Yapıştır, tıkla, kopyala, 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. Stil tıpatıp aynı kalırken bayt sayısı düşer.
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.