Formatowanie i minifikacja CSS
Przywróć czytelność CSS albo ściśnij go dla szybszej strony.
Zgłoś problem z tym narzędziem
Jak używać narzędzia Formater CSS
Wklej swój CSS
Wklej arkusz stylów albo otwórz lub upuść plik .css. Jest formatowany na bieżąco podczas pisania.
Upiększ lub zminifikuj
Upiększanie umieszcza każdą regułę i właściwość w osobnym wierszu. Minifikacja usuwa komentarze, spacje i wszystko inne, czego przeglądarki nie potrzebują.
Skopiuj lub pobierz
Skopiuj wynik albo pobierz go jako plik .css. Przy minifikacji zobaczysz rozmiar przed i po.
Dlaczego warto korzystać z Utils365
Więcej niż usuwanie spacji
Minifikator skraca też kolory, np. #ff0000 do red, usuwa jednostki przy zerach i kasuje puste reguły.
Reguły zachowują kolejność
Reguły nigdy nie są łączone ani przenoszone, więc kaskada działa dokładnie jak wcześniej i nic niczego nagle nie nadpisuje.
Komentarze licencyjne zostają
Komentarze zaczynające się od /*! zostają w zminifikowanym pliku, czego wymaga wiele licencji open source.
Prywatność w standardzie
Twój CSS jest formatowany w przeglądarce i nigdy nie jest przesyłany.
Często zadawane pytania
O ile mniejszy jest zminifikowany CSS?
Zwykle o 15–30%, a więcej, jeśli arkusz zawiera dużo komentarzy. Podsumowanie pokazuje dokładny rozmiar przed i po oraz zaoszczędzony procent.
Czy minifikacja może zepsuć moje style?
Została zaprojektowana tak, by tego nie robić. Wartości są przepisywane tylko w sposób, który znaczy to samo, a reguły zachowują kolejność, więc nie zmienia się, która reguła wygrywa.
Jak przywrócić czytelność zminifikowanego CSS?
Wklej zminifikowany CSS i wybierz Upiększ. Każda reguła i właściwość trafi do osobnego wiersza z wybranym wcięciem. Usuniętych komentarzy nie da się odzyskać.
Czy działa z SCSS lub Less?
Upiększanie radzi sobie z większością kodu SCSS i Less, także z zagnieżdżeniami. Minifikacja wymaga zwykłego CSS, więc najpierw skompiluj SCSS lub Less.