Nasıl kullanılır
- CSS kodunuzu giriş alanına yapıştırın.
- Yorumların silinmesi için “Yorumları kaldır” seçeneği işaretli olmalıdır; /*! ile başlayan lisans notlarını da silmek istiyorsanız “/*! */ yorumlarını koru” seçeneğinin işaretini kaldırın.
- Renk ve sayı değerlerini de küçültmek isterseniz “Değerleri kısalt” seçeneğini işaretleyin.
- Sonuç alanındaki CSS'i kopyalayın.
Örnekler
Lisans notunu koruyun
Girdi
/*! MIT Lisansı */
/* Mağaza başlığı */
.magaza-baslik {
color: #333333;
padding: 16px;
}Çıktı
/*! MIT Lisansı */
.magaza-baslik{color:#333333;padding:16px}Ürün kartındaki değerleri kısaltın
Girdi
.urun-karti {
color: #FFFFFF;
margin: 0px 0.50em 10.0px;
opacity: 0.80;
flex: 1 1 0px;
}Çıktı
.urun-karti{color:#fff;margin:0 .5em 10px;opacity:.8;flex:1 1 0px}Mobil menüde son noktalı virgülleri bırakın
Girdi
@media screen and ( max-width : 768px ) {
.menu > .menu-oge {
display: block;
padding: 8px 12px;
}
}Çıktı
@media screen and (max-width:768px){.menu>.menu-oge{display:block;padding:8px 12px;}}İpuçları
- CSS'i yeniden okunur hale mi getirmek istiyorsunuz? Biçimlendirin.
- HTML'i de küçültün.
Sık sorulan sorular
CSS kodum sunucuya gönderiliyor mu?
Küçültme tarayıcınızda yapılır; araç CSS kodunuzu sunucuya göndermez. CSS kaydedilmez, yalnızca seçenekleriniz tarayıcıda saklanır.
CSS küçültme calc() ifadelerini bozar mı?
calc(), min(), max() ve clamp() içindeki işleçlerin çevresindeki boşluklar korunur. Örneğin calc(100% - 2px) geçerli biçimiyle kalır.
SCSS veya LESS kodunu küçültebilir miyim?
Araç SCSS veya LESS derlemez. Önce kodunuzu CSS'e derleyin, ardından oluşan CSS'i küçültün.
Hangi dosyaları yükleyebilirim?
.css ve .txt dosyaları kabul edilir. 10 MB'tan büyük dosyalar reddedilir; bunları bölüp parçaları ayrı ayrı küçültün.
CSS boyutundaki azalma nasıl hesaplanıyor?
Giriş ve çıktı boyutları UTF-8 bayt sayısına göre ölçülür. Tasarruf yüzdesi, boyut farkının giriş boyutuna bölünmesiyle hesaplanır; 1 KB, 1024 bayttır.