Utils365

CSS biçimlendirme ve küçültme

CSS’i yeniden okunur yapın ya da daha hızlı bir site için sıkıştırın.

CSS yapıştırın, bir .css dosyası açın veya buraya bırakın

Sonraki: HTML biçimlendirici · JavaScript biçimlendirici ve küçültücü

Bu araçla ilgili bir sorun bildir

CSS biçimlendirici ve küçültücü nasıl kullanılır

  1. CSS’inizi yapıştırın

    Bir stil dosyası yapıştırın ya da bir .css dosyası açın veya bırakın. Siz yazarken biçimlendirilir.

  2. Güzelleştirin veya küçültün

    Güzelleştir her kuralı ve özelliği kendi satırına koyar. Küçült, yorumları, boşlukları ve tarayıcıların ihtiyaç duymadığı her şeyi kaldırır.

  3. Kopyalayın veya indirin

    Sonucu kopyalayın ya da .css dosyası olarak indirin. Küçültürken önceki ve sonraki boyutu görürsünüz.

Neden Utils365 kullanılmalı

  • Boşluk silmekten daha akıllı

    Küçültücü ayrıca #ff0000 gibi renkleri red olarak kısaltır, sıfırlardan birimleri atar ve boş kuralları kaldırır.

  • Kurallarınız sırasını korur

    Kurallar asla birleştirilmez veya taşınmaz; böylece basamaklama tam önceki gibi çalışır ve hiçbir şey yeni bir şeyi ezmez.

  • Lisans yorumları korunur

    /*! ile başlayan yorumlar, birçok açık kaynak lisansının gerektirdiği gibi küçültülmüş dosyada kalır.

  • Tasarımı gereği gizli

    CSS’iniz tarayıcınızda biçimlendirilir ve asla yüklenmez.

Sıkça sorulan sorular

Küçültülmüş CSS ne kadar küçülür?

Genellikle %15–30, stil dosyasında çok yorum varsa daha fazla. Özet, önceki ve sonraki kesin boyutu ve kazanılan yüzdeyi gösterir.

Küçültme stillerimi bozabilir mi?

Bozmayacak şekilde tasarlandı. Değerler yalnızca aynı anlama gelecek şekilde yeniden yazılır ve kurallar sırasını korur, bu yüzden hangi kuralın kazandığı değişmez.

Küçültülmüş CSS’i nasıl açarım?

Küçültülmüş CSS’i yapıştırıp Güzelleştir’i seçin. Her kural ve özellik, seçtiğiniz girintiyle kendi satırına yerleşir. Kaldırılan yorumlar geri getirilemez.

SCSS veya Less ile çalışır mı?

Güzelleştir, iç içe yazım dahil SCSS ve Less’in çoğunu işler. Küçült düz CSS bekler, bu yüzden önce SCSS veya Less’inizi derleyin.