Formater i minifikator CSS
Sformatuj CSS do czytania albo zminifikuj przed wdrożeniem
O tym narzędziu
Rozwiń zminifikowany albo wklejony skądś CSS w reguły z jedną deklaracją na wiersz, albo ściśnij arkusz na produkcję. Upiększacz normalizuje wcięcia i ustawienie nawiasów klamrowych; minifikator usuwa komentarze, zwija białe znaki i kasuje końcowe średniki, zostawiając nietknięte napisy, zawartość url(...) i wyrażenia calc().
Minifikator uczciwie mówi, czego nie robi: nie zmienia nazw selektorów, nie scala zduplikowanych reguł ani nie przepisuje kolorów. Dzięki temu wynik jest przewidywalny i bezpieczny dla każdego arkusza, także takiego z hackami i prefiksami producentów — wklej, zminifikuj, wdrażaj.
Jak w każdym narzędziu tutaj, przetwarzanie jest lokalne. Niewydany kod systemu projektowego zostaje w Twojej przeglądarce.
Często zadawane pytania
- O ile mniejszy robi się zminifikowany CSS?
- Zwykle o 15–30% przy CSS-ie pisanym ręcznie, głównie dzięki wcięciom i komentarzom. Gzip na serwerze usuwa dużą część tej samej redundancji, więc różnica w rozmiarze na łączu jest mniejsza, niż sugerują surowe bajty — i tak minifikuj, bo skraca to również czas parsowania.
- Czy to bezpieczne dla calc(), właściwości niestandardowych i zapytań medialnych?
- Tak. Spacje wewnątrz calc() są znaczące i zostają zachowane; właściwości niestandardowe i odwołania var() to zwykłe deklaracje i przechodzą bez zmian; @media i inne reguły at zachowują swoją strukturę.
- Dlaczego selektory potomka zachowały spacje?
- Bo „nav a” i „nava” wybierają co innego — ta spacja jest kombinatorem, a nie formatowaniem. Minifikator usuwa wyłącznie białe znaki pozbawione znaczenia składniowego.
- Czy potrafi konwertować między LESS/SCSS a CSS?
- Nie — składnia preprocesorów wymaga kompilacji, a nie formatowania. Zwykły SCSS będący jednocześnie poprawnym CSS-em sformatuje się bez problemu; zagnieżdżone reguły i miksiny już nie.