🗜️ CSS Sıkıştırıcı
CSS'inizi yapıştırın ve anında sıkıştırın — yorumlar kaldırılır, boşluklar daraltılır ve dizeler ile url() değerleri korunur. Kaç bayt kaybettiğinizi görün.
Tasarım gereği gizli. Bu araç, tarayıcınızda tamamen çalışır — girdiğiniz hiçbir şey yüklenmez ya da saklanmaz ve çevrimdışı da çalışır.
Hakkında
Bu CSS sıkıştırıcı, kenar durumlarını doğru şekilde ele alabilen bir tokenizasyon yaklaşımı kullanarak tamamen tarayıcınızda çalışır. Tek satırlık (//) ve çok satırlık (/* */) yorumlarını kaldırır, boşluk dizilerini tek bir boşluk ya da noktalama işaretleri gibi { } : ; , ve > etrafındaki boşlukları kaldırır ve tırnak içindeki içerik ve url() değerlerini korur, böylece veri URI'leri veya font isimlerindeki boşluklar asla bozulmaz. Bu, tam bir AST ayrıştırıcısı değil, temel bir tokenizasyon aracı olduğu için hızlı ve bağımlılıksızdır, el ile yazılan ya da ön işleme aracı ile üretilmiş büyük çoğunlukta CSS için uygundur. Araç, orijinal boyut, sıkıştırılmış boyut ve kaydedilen bayt sayısını gösterir, böylece daha fazla optimize edilip edilmediğine dair bilinçli bir karar vermenize olanak tanır.
Nasıl kullanılır
- CSS'inizi sol taraftaki girdi alanına yapıştırın.
- Sıkıştır'ı tıklayın — araç CSS'inizi tokenize eder ve sıkıştırılmış bir sürümü sağ tarafta çıktı olarak verir.
- Boyut özetini kontrol edin, orijinal boyut, sıkıştırılmış boyut ve kaç bayt kaybedildiğini görün.
- Sıkıştırılmış CSS'i panonunuza kopyalamak için Kopyala'ya tıklayın veya Kaydet'yi kullanarak .css dosyası olarak kaydedin.
SSS
- Bu araç CSS'yi sunucuda işler mi?
- Hayır. Sıkıştırma işlemi JavaScript kullanarak tamamen tarayıcınızda yapılır. CSS'iniz hiçbir yere gönderilmez.
- Sıkıştırma CSS'imizi bozabilir mi?
- Tokenizasyon, tırnak içindeki dizeleri ve url() değerlerini korur, bu yüzden geçerli CSS'in tamamı korunur. Ancak bu, tam bir AST ayrıştırıcısı değildir — standart olmayan sözdizimi içindeki sıra dışı kenar durumları tam olarak işlenmeyebilir.
- Tek satırlık // yorumlar kaldırılır mı?
- Evet. Hem // tek satırlık hem de /* */ çok satırlık yorumlar kaldırılır. Dikkat edilmesi gereken nokta, // CSS spesifikasyonunun resmi bir parçası değildir ancak ön işlemci kaynak dosyalarında yaygındır.
- CSS'im ne kadar daha küçük olur?
- El ile yazılan tipik CSS dosyaları 20–40% daha küçük olur. Çok sayıda yorum veya fazladan boşluk bulunan dosyalar daha fazla küçülür. Maksimum sıkıştırma için sunucunuzda gzip veya Brotli ile birlikte kullanın.
- Değişkenler veya calc() ifadeleri içeren CSS'i minify edebilir miyim?
- Evet. Özel özellikler (--var), var(), calc() ve diğer modern CSS fonksiyonları, normal token değerleri olarak ele alınır ve güvenli bir şekilde geçirilir.
- Bu araç, verilerimi yükler mi?
- Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.