Minifikator i upiększacz CSS
Prywatne z założenia — działa w całości w Państwa przeglądarce
Minifikuj lub upiększaj CSS w przeglądarce. Toova usuwa białe znaki i komentarze, aby zmniejszyć arkusze stylów dla produkcji, lub ładnie drukuje zminifikowany CSS w coś, co rzeczywiście można odczytać podczas debugowania.
Dwa tryby, jeden workflow
Tryb minifikacji usuwa każdy komentarz, każdą zbędną spację i każdą niepotrzebną nową linię. Wynik jest funkcjonalnie identycznym CSS, ale zazwyczaj 20-40% mniejszym, co przyspiesza pierwsze malowanie i zmniejsza rozmiar transferu. Tryb upiększania działa w drugą stronę — bierze zminifikowany CSS z CDN, bundle frameworka lub widget strony trzeciej i rozwija go w czytelną formę, abyś mógł audytować selektory i właściwości.
Konfigurowalne formatowanie
Wybierz wcięcie 2 spacje, 4 spacje lub tabulator dla wyniku upiększonego. Wybierz, czy zachować komentarze (przydatne dla nagłówków banerów i łańcuchów licencji) czy całkowicie je usunąć. Minifikator zachowuje zmienne CSS i selektory dosłownie, więc niestandardowe nazwy właściwości i klatki kluczowe animacji przetrwają konwersję w obie strony. Prefiksy producentów są nienaruszone.
Tylko lokalnie
Każda operacja minifikacji i upiększania działa w przeglądarce. Wklejony CSS — czy to zastrzeżone arkusze stylów z twojego systemu projektowego, czy kod strony trzeciej, który audytujesz — nigdy nie opuszcza strony. Zakładka Network pozostanie pusta podczas przetwarzania, a strona działa offline po pierwszym załadowaniu.
Najczęściej zadawane pytania
- O ile mniejszy jest zminifikowany CSS?
- Zazwyczaj 20-40% mniejszy niż oryginał po gzip. Oszczędności pochodzą z usuwania komentarzy, białych znaków i zbędnych wartości zerowych. Nowoczesne pipeline buildowe robią to automatycznie, ale posiadanie ręcznego narzędzia jest przydatne dla jednorazowych fragmentów.
- Czy minifikacja zepsuje mój CSS?
- Nie. Minifikator zachowuje każdą regułę, właściwość i wartość dosłownie. Usuwa tylko białe znaki i komentarze. Zmienne CSS, animacje i prefiksy producentów przetrwają nietknięte.
- Czy mogę upiększyć CSS z CDN?
- Tak. Wklej zminifikowany CSS, a Toova rozwija go w czytelną formę ze spójnym wcięciem. Przydatne do audytowania, co właściwie robi widget strony trzeciej, lub debugowania skompilowanego wyniku frameworka.
- Czy komentarze są zachowane?
- To przełącznik. Domyślnie minifikacja usuwa komentarze, aby zmaksymalizować oszczędności. Można zachować nagłówki licencji i inne ważne komentarze, włączając opcję preserve-comments.
- Czy mój CSS jest wysyłany gdziekolwiek?
- Nie. Przetwarzanie odbywa się całkowicie w przeglądarce. Nic nie jest przesyłane ani logowane.