CSS Kucultucu

Yorumlari ve bosluklari silin, renkleri kisaltin, kazanilan bayti gorun.

Ücretsiz
Tüm araçlar tarayıcınızda çalışır; sunucularımıza hiçbir veri gönderilmez.
—Orijinal
—Kucultulmus
—Kazanc
—Azalma
Metin degerleri, url() icerigi ve calc() icindeki bosluklar aynen korunur; her sey tarayicinizda calisir.

CSS Kucultucu hakkında

calc(100% - 20px) ifadesindeki eksi isaretinin iki yanindaki bosluklari silerseniz tarayici o bildirimin tamamini atar; gercek bir kucultucu ile birkac regex degistirme arasindaki fark tam olarak budur. Bu arac stil dosyasini karakter karakter parcalara ayirir, boylece metin degerleri, url() icerigi ve medya sorgusu kosullari bozulmadan kalir, sadece etkisiz baytlar gider. Her sey tarayicinizda calisir, hicbir dosya yuklenmez.

CSS Kucultucu nasıl kullanılır

  1. 1

    CSS kodunuzu giris kutusuna yapistirin veya Ornek dugmesine basip deneme sayfasini yukleyin.

  2. 2

    Alttaki dort secenegi ayarlayin: renk kisaltma, gereksiz sifirlari kirpma, bos kurallari atma ve lisans yorumlarini koruma.

  3. 3

    Cikti aninda olusur; ustteki kartlar orijinal boyutu, kucultulmus boyutu, kazanilan bayti ve yuzde azalmayi gosterir.

  4. 4

    Kopyala dugmesine basip sonucu style.min.css dosyaniza yapistirin.

Sıkça sorulan sorular

0px neden 0 olmadi?

Cunku bu her zaman guvenli degil. calc() icinde birimsiz sayi gecersizdir ve 0s gibi sure degerleri birimini korumak zorundadir. Bu yuzden yalnizca etkisiz sifirlar silinir: 0.50em degeri .5em, 1.0 degeri 1 olur ama 0px oldugu gibi kalir.

li ile first-child arasindaki bosluk neden duruyor?

Secicide bosluk basli basina bir birlestiricidir. li :first-child bir li icindeki ilk cocugu, li:first-child ise ilk cocuk olan li ogesini anlatir. Bosluk sadece > + ve ~ birlestiricilerinin, virgulun, suslu parantezin ve normal parantezin yanindan kaldirilir.

Alti haneli her renk kisalir mi?

Hayir. Yalnizca uc cift de kendi icinde ayni oldugunda: #aabbcc rengi #abc olur ama #aabbcd aynen kalir. Alfa iceren sekiz haneli renkler ayni kurala gore dort haneye iner ve buyuk harfli hex kucuk harfe cevrilir.

Bu arac neleri yapmaz?

Ayni kurallari birlestirmez, kisa yazim ozellikleri uretmez ve eski uretici on eklerini temizlemez; sadece hicbir etkisi olmayan baytlari kaldirir. Sekmenin kilitlenmemesi icin girdi siniri 2 milyon karakterdir.

İlgili araçlar

JSON Biçimlendirici & Doğrulayıcı JSON'u düzenleyin, sözdizimi hatasını görün ve küçültün. Base64 Kodlayıcı & Çözücü Metni Base64'e çevirin ve geri alın, tam Unicode desteğiyle. URL Kodlayıcı & Çözücü Sorgu parametrelerini kodlayın, karmaşık URL'leri çözün. JWT Çözücü Token başlığını ve payload'ını inceleyin, süresini kontrol edin. Harf Durumu Dönüştürücü camelCase, snake_case, kebab-case, Title Case ve daha fazlası. Kelime & Karakter Sayacı Kelime, karakter, paragraf ve okuma süresini sayın.
Tüm araçları gör