CSS Küçültücü

Yapıştırılan CSS parçacıklarını veya yerel .css dosyalarını doğrudan tarayıcınızda sıkıştırın. Stil sayfanız yüklenmez, günlüğe kaydedilmez veya bir API'ye gönderilmez.

CSS dosyasını seçmek için tıklayın veya buraya sürükleyip bırakın

Ayrıca aşağıdaki editörün içine doğrudan CSS ekleyebilirsiniz.

0 bayt

0 bayt

Hazır

Muhafazakar CSSO ayarları

Varsayılan çalışma, yorumları ve beyaz alanı kaldırır, ancak riskli stil sayfası yeniden yazmalarından kaçınmak için yapısal optimizasyonları devre dışı bırakır.

Parçacık ve dosya girişi

Kısmi CSS, tam stil sayfaları, medya sorguları, özel özellikler yapıştırın veya yerel bir .css dosyası yükleyin.

Güvenli ölçüm

Analytics yalnızca boyut ve azaltma gruplarını kullanır. CSS kaynağı, URL'ler, seçiciler, yorumlar ve dosya adları telemetrinin dışında kalır.

Sıkça sorulan sorular

CSS'm Convertr'a yüklendi mi?

Hayır. Küçültücü, tarayıcı JavaScript'i ile yerel olarak çalışır. Yapıştırılan CSS ve seçilen dosyalar Convertr sunucularına gönderilmez.

Neden yapı optimizasyonu varsayılan olarak devre dışı bırakılır?

Bazı agresif CSS yeniden yazımları kaskad davranışını değiştirebilir. İlk versiyon kompresyonu muhafazakar tutar ve güvenli minifikasyona odaklanır.

CSS'te sözdizimi hatası olduğunda ne olur?

Parser hatası uyarı panosunda gösterilir, böylece çıkışını kopyalamadan önce stil sayfasını düzeltebilirsiniz.

CSS Küçültücü

Transfer boyutunu azaltmak için geçmiş CSS'den güvenli biçimlendirme ve yorumları kaldırın.

Giriş
CSS kaynak metni ve mevcut minifikasyon seçenekleri.
Çıktı
Küçültülmüş CSS artı önceki ve sonraki boyut bilgileri.
Gerçek Sınırlamalar
Küçültme, anlamsal doğrulama, önek ekleme veya ölü kod kaldırma değildir; hatalı biçimlendirilmiş CSS ve olağandışı hileler manuel inceleme gerektirebilir.
Gizlilik ve veri işleme
CSS kaynak metni ve mevcut minifikasyon seçenekleri bu tarayıcı sekmesinde işlenir. Convertr almaz veya depolamaz; sayfanın kapatılması veya yeniden yüklenmesi, araç açıkça yerel bir indirme sunmadığı sürece çalışma durumunu temizler.

Bu aracı nasıl kullanacağınız

  1. Araç kontrollerinde CSS kaynak metni ve mevcut küçültme seçeneklerini sağlayın.
  2. Küçültülmüş CSS'yi ve öncesi-sonrası boyut bilgilerini etkileyen ayarları seçin, ardından aracı çalıştırın.
  3. Küçültülmüş CSS'yi ve öncesi-sonrası boyut bilgilerini kopyalamadan veya indirmeden önce inceleyin.

Ortak arıza modları

Kapatılmamış bloklar, geçersiz dizeler veya ayrıştırıcının anlayamadığı sözdizimi, değiştirilmiş çıktı yerine hata olarak döndürülür.

Faydalı örnek

Biçimlendirilmiş bir .card kuralını, bildirimlerini koruyarak girintileri, yorumları ve gereksiz boşlukları kaldırarak küçültün.