Minifikacja i formatowanie CSS
Zmniejsz arkusz stylów CSS — usuń komentarze, zbędne spacje i średniki — albo odwrotnie: rozwiń zminifikowany CSS do czytelnej postaci z wcięciami. Z podsumowaniem oszczędności.
Umieść to narzędzie na swojej stronie
Bezpłatnie, bez rejestracji. Widżet pokazuje na dole napis „Narzędzie udostępnia AMKBIT.pl”.
Co robi minifikacja
- usuwa komentarze (poza licencyjnymi
/*! … */, jeśli zaznaczysz), - usuwa nowe linie, wcięcia i spacje wokół
{ } ; , > ~oraz po dwukropku, - usuwa ostatni średnik przed zamknięciem bloku,
- nie dotyka napisów w cudzysłowach ani spacji w
calc(100% - 2rem)— tam są wymagane.
Narzędzie celowo nie przepisuje wartości (np. kolorów czy jednostek), żeby nigdy nie zmienić działania stylów. Typowo plik maleje o 15–30%; bardziej zaawansowane minifikatory w procesie budowania strony (np. w bundlerze) potrafią więcej.
Formatowanie
Przycisk „Formatuj” rozwija zminifikowany CSS — każda deklaracja w osobnej linii, wcięcia w blokach i regułach @media. Przydaje się, gdy chcesz podejrzeć cudzy arkusz stylów lub poprawić coś w pliku .min.css.
Czy warto minifikować?
Mniejszy plik szybciej się pobiera, co poprawia wskaźniki szybkości strony. Największy zysk daje jednak kompresja na serwerze (gzip, brotli) i usunięcie nieużywanych reguł. Zachowuj zawsze czytelną wersję źródłową — minifikuj tylko kopię do publikacji.
Przykłady
Prosty arkusz
body {\n margin: 0;\n} → body{margin:0}
Najczęstsze pytania
Czy minifikacja może zepsuć stronę?
Ta minifikacja usuwa wyłącznie elementy bez znaczenia dla przeglądarki. Problem mógłby pojawić się tylko przy błędnym CSS (np. niezamkniętym komentarzu lub cudzysłowie) — wtedy najpierw popraw źródło.
Poradniki
Wynik ma charakter pomocniczy. Przy ważnych decyzjach (finansowych, technicznych, zdrowotnych) sprawdź go niezależnie. Zasady korzystania.