İçeriğe geç
ToolMug

CSS Küçültücü

CSS küçültme (minify) ile stil sayfalarınızı yayına hazır hale getirin. CSSO boşlukları ve yorumları siler, renkleri ve değerleri kısaltır, aynı seçiciyi tekrarlayan kuralları birleştirir — bu da çoğu zaman yalnızca boşluk silmekten daha fazla tasarruf sağlar.

Tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez

Nasıl kullanılır

  1. CSS kodunuzu yapıştırın.
  2. Kuralların yeniden yapılandırılıp yapılandırılmayacağını ve lisans yorumlarının korunup korunmayacağını seçin.
  3. Küçült düğmesine tıklayın veya Ctrl+Enter (Mac’te ⌘+Enter) tuşlarına basın.
  4. Küçültülmüş CSS’i kopyalayın veya indirin.

Seçeneklerin açıklaması

Kuralları birleştir ve yeniden yapılandır
Güvenli olduğunda aynı seçiciye veya aynı bildirimlere sahip kuralları birleştirir. Yalnızca boşlukları silmek ve değerleri kısaltmak için kapatın.
Lisans yorumlarını koru
Lisans bildirimleri için kullanılan geleneksel biçim olan /*! ile başlayan yorumları korur.

Örnekler

a { color: #ff0000; }
/* not */
a { margin: 0px; }

şu hale küçültülür: a{color:red;margin:0}.

Sıkça sorulan sorular

Neler kısaltılır?

Renkler (#ff0000 → red, #ffffff → #fff), sıfır birimleri (0px → 0), gereksiz noktalı virgüller ve tırnaklar ile boşluklar. Yeniden yapılandırma açıkken yinelenen kurallar birleştirilir.

Yeniden yapılandırma sayfamın görünümünü değiştirebilir mi?

CSSO bildirimleri yalnızca basamaklama (cascade) sonucu aynı kaldığında taşır. Alışılmadık hack’lere güveniyorsanız sonucu karşılaştırın veya yeniden yapılandırmayı kapatın.

Kodum yükleniyor mu?

Hayır. Küçültme işlemi tarayıcınızda çalışır.

Gizlilik

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.

İlgili araçlar