Minifikator CSS
Skompresuj lub upiększ swój CSS, z oszczędnością w bajtach.
- Natychmiast
- Za darmo
- Prywatnie (przetwarzane lokalnie)
- Bez rejestracji
Lżejszy CSS albo bardziej czytelny — Twój wybór
W produkcji chcesz CSS zwarty, by ładował się szybko; w developmencie — CSS przestronny, by go czytać. To narzędzie działa w obie strony i za każdym razem pokazuje, ile bajtów oszczędziłeś lub dodałeś z powrotem.
-
Wklej swój CSS
Jedna reguła, cały arkusz, dowolny rozmiar.
-
Minifikuj lub upiększ
Maksymalna kompresja, lub schludne wcięcia.
-
Odczytaj oszczędność
Bajty przed → po i zaoszczędzony procent.
Co usuwa minifikacja
| Przed | Po |
|---|---|
| /* komentarz */ | (usunięty) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| Łamania wierszy i tabulatory | (usunięte) |
Celowo prosty i bezpieczny minifikator: niczego nie zmienia nazw ani nie scala reguł. Do krytycznej produkcji narzędzie budujące (cssnano, Lightning CSS) pójdzie dalej.
Najczęstsze pytania
Po co minifikować CSS?
Lżejszy plik CSS pobiera się szybciej: strona pojawia się wcześniej i zużywa mniej transferu. Na dużych plikach usunięcie komentarzy, spacji i łamań wierszy często oszczędza 20–40% rozmiaru.
Czy minifikacja zmienia wygląd?
Nie: dotyka tylko niewidocznych znaków (spacje, łamania, komentarze) i zbędnego końcowego średnika. Reguły, wartości i selektory pozostają identyczne. Przeglądarka interpretuje dokładnie ten sam styl.
Co robi tryb „upiększ”?
Odwrotność: ponownie wcina skompresowany lub niechlujny CSS, jedna reguła na wiersz, z wcięciami, by był czytelny i edytowalny. Przydatne do rozszyfrowania zminifikowanego CSS strony i zrozumienia jego budowy.
Czy moje arkusze stylów są wysyłane do sieci?
Nie: całe przetwarzanie odbywa się w przeglądarce, nic nie jest przesyłane. Możesz minifikować poufny lub własnościowy CSS bez wypuszczania go z urządzenia.