Web Geliştirme
CSS Minify / Beautify
Üretim için CSS'i sıkıştırın veya sıkıştırılmış CSS'i okunabilir bir biçime dönüştürün.
Önizleme için çok büyük
Önizleme için çok büyük
Minifying CSS strips whitespace, comments, and line breaks that only exist for human readability and have no effect on how a browser applies styles. The result is a smaller file and a faster page load.
How to use it
- Minify: paste CSS and the tool strips unnecessary whitespace, comments, and line breaks while keeping behavior identical.
- Beautify: paste minified CSS with no indentation to get a readable version back, with indentation and line breaks.
- Handy for quickly reading CSS from a third-party site that only ships a minified version.
Common uses
- Minifying CSS for production when there's no build tool (Vite, Webpack) set up, or for a quick one-off minification.
- Beautifying minified CSS from a third-party library to read or debug it.
- Estimating how much a CSS file will shrink before setting up an automated build.
Things to keep in mind
Minification never changes styling behavior — it's a purely syntactic transformation; if a page looks different after minifying, that's a bug in the tool, not an intentional change.
Without a source map, debugging minified CSS in production is harder — the line numbers shown in the browser console won't match the original file.
Bu araç hakkında makale: CSS küçültme: dosyadan gerçekte ne kaldırılır ve neden
Sıkça sorulan sorular
Küçültme CSS'imden tam olarak neyi kaldırır?
Minify, boşlukları, satır sonlarını ve yorumları kaldırır ve bazı değerleri kısaltarak CSS'in davranışını değiştirmeden dosya boyutunu azaltır.
Beautify orijinal biçimlendirmemi mükemmel şekilde geri yükleyebilir mi?
Beautify, okunabilirlik için küçültülmüş CSS'i girinti ve satır sonlarıyla yeniden biçimlendirir, ancak yorumları veya orijinal stil seçimlerinizi geri getiremez, çünkü bunlar küçültme sırasında zaten kaldırılmıştır.
Küçültme herhangi bir geçerli CSS için güvenli mi?
Evet — sözdizimsel olarak geçerli CSS için küçültme yalnızca gereksiz karakterleri kaldırır ve seçicileri veya özellik değerlerini asla değiştirmez, ve her şey tarayıcınızda yerel olarak çalışır.
Sunucu dosyaları zaten Gzip ile sıkıştırıyorsa yine de küçültmeye ihtiyaç var mı?
Evet — küçültme ve Gzip/Brotli sıkıştırması birbirini tamamlar: küçültme, sıkıştırmadan önce kaynak dosyayı küçültür, Gzip/Brotli ise sonucu aktarım sırasında daha da sıkıştırır, bu yüzden ikisi birlikte, tek başına herhangi bir teknikten daha küçük bir nihai boyut verir.
Küçültülmüş CSS için source map nedir?
Source map, küçültülmüş CSS'in satırlarını orijinal, biçimlendirilmiş kodla eşleştiren ayrı bir dosyadır; bu sayede üretime aslında küçültülmüş sürüm dağıtılsa bile, tarayıcı geliştirici araçları hata ayıklama sırasında doğru satır numaralarını ve dosya adlarını gösterebilir.