Bu CSS aracı program davranışını değiştirir mi?

Yalnızca düzeni veya kaldırılabilir boşlukları değiştirir. Alışılmadık sözdizimi kullanan kodlarda çıktıyı üretimde kullanmadan önce inceleyin.

İşlem yerel olarak yapılır ve kodunuz yüklenmez.

CSS Küçültücü

CSS içindeki gereksiz boşluk ve yorumları kaldırarak daha küçük çıktı oluşturun.

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız hiçbir zaman bir sunucuya yüklenmez.

body{color:#222;margin:0;}

Bu küçültücü ne yapar?

CSS benzeri metindeki satır ve blok yorumlarını kaldırır, boşlukları sıkıştırır; süslü parantez, iki nokta, noktalı virgül, virgül ve seçici birleştiricileri çevresindeki boşlukları azaltır. Tırnaklı dizeler ve kaçış karakterleri korunur.

Nasıl kullanılır?

Stil sayfasını yapıştırıp anında güncellenen sonucu inceleyin. Hazır olduğunda kopyalayın veya Reset ile editörü temizleyin; araç dosya indirmez ve örnek metni geri yüklemez.

Önemli sınırlar

Bu karakter tabanlı bir dönüştürücüdür; CSS parser'ı, doğrulayıcı, optimize edici veya sıkıştırma codec'i değildir. Lisans/koruma yorumları dahil tanınan tüm /* blok */ ve // satır yorumlarını kaldırır, bozuk sözdizimini bildirmez. Karmaşık calc() ifadeleri, alışılmadık kaçışlar, veri URL'leri ve önişlemci sözdizimi dikkatle kontrol edilmelidir.

Küçültme davranışı

Tarama tek geçişte, soldan sağa çalışır: bir yorum veya tırnaklı dize kapandıktan hemen sonra seçiciler, parantezler, iki nokta ve ayırıcılara değen boşluklar kırpılır; bu yüzden ikinci bir geçişe veya ayrıştırma ağacına gerek yoktur.

Örnek

`.card { color: red; padding: 8px; }` yapıştırıldığında tek satırda `.card{color:red;padding:8px}` üretilir, kopyalamaya hazır olur.

Güvenli inceleme akışı

Küçültülmüş çıktıyı yayınlamadan önce, güvendiğiniz seçici ve özellikler açısından kaynakla karşılaştırın; sıkıştırılmış dosyayı gerçek bir sayfada yükleyerek görsel sonucun değişmediğini doğrulayın.

Güvenli akış ve gizlilik

Özgün dosyayı saklayın; boyutu karşılaştırıp çıktıyı hedef tarayıcılarda test edin. İşlem tarayıcıda yereldir ve yapıştırılan kod yüklenmez.

Sıkça Sorulan Sorular

CSS Küçültücü ne yapar?: CSS içindeki gereksiz boşluk ve yorumları kaldırarak daha küçük çıktı oluşturun.
Bu CSS aracı program davranışını değiştirir mi?: Yalnızca düzeni veya kaldırılabilir boşlukları değiştirir. Alışılmadık sözdizimi kullanan kodlarda çıktıyı üretimde kullanmadan önce inceleyin.
Kodum yüklenir mi?: İşlem yerel olarak yapılır ve kodunuz yüklenmez.

CSS Biçimlendirici

CSS kodunu doğrudan tarayıcınızda temiz ve okunabilir bir yapıda biçimlendirin.

JavaScript Biçimlendirici

JavaScript kodunu doğrudan tarayıcınızda temiz ve okunabilir bir yapıda biçimlendirin.

YAML Biçimlendirici

YAML belgelerini tarayıcınızda anında biçimlendirin ve düzenleyin.

HTML Küçültücü

HTML içindeki gereksiz boşluk ve yorumları kaldırarak daha küçük çıktı oluşturun.

JavaScript Küçültücü

JavaScript içindeki gereksiz boşluk ve yorumları kaldırarak daha küçük çıktı oluşturun.

JSON Küçültücü

JSON içindeki gereksiz boşluk ve yorumları kaldırarak daha küçük çıktı oluşturun.