Upiększaj CSS z czystym wcięciem albo minifikuj go, aby zmniejszyć rozmiar pliku. Obsługuje zapytania media, calc() i komentarze licencyjne.
Jak korzystać z narzędzia Formatter CSS
Wklej swój CSS w polu wejściowym.
Wybierz Upiększ, aby go sformatować, lub Minifikuj, aby go skompresować.
Wybierz rozmiar wcięcia, a następnie skopiuj wynik.
To formatator CSS, który upiększa arkusze stylów czystymi, spójnymi wcięciami lub minifikuje je, aby zmniejszyć rozmiar pliku. Wybierasz rozmiar wcięcia do upiększania i przełączasz się na minifikację, gdy chcesz najmniejszy wynik.
Czytelny CSS łatwiej przeglądać, sprawdzać i debugować: gdy każda reguła i deklaracja jest wcięta spójnie, widzisz selektory, zagnieżdżenie i kształt swoich zapytań medialnych na pierwszy rzut oka.
Minifikacja jest do produkcji. Usuwa białe znaki i komentarze, których przeglądarki nie potrzebują, więc plik pobiera się szybciej. Na dużym arkuszu stylów oszczędność się sumuje, zwłaszcza przed kompresją gzip na serwerze.
Minifikator jest ostrożny tam, gdzie to ważne. Zachowuje spacje wokół plusa i minusa wewnątrz calc(), więc calc(100% - 30px) pozostaje poprawne, i usuwa spacje tylko wokół znaków strukturalnych, takich jak nawiasy klamrowe, dwukropki i średniki. Poprawnie obsługuje też zagnieżdżone zapytania medialne.
Komentarze licencyjne zapisane w formie /*! ... */ są zachowywane, co jest standardową konwencją utrzymywania informacji o prawach autorskich i licencji w zminifikowanym wyniku, nawet gdy zwykłe komentarze są usuwane.
Zarówno upiększanie, jak i minifikacja działają w całości w Twojej przeglądarce, więc Twoje arkusze stylów nigdy nie opuszczają Twojego urządzenia. Narzędzie formatuje pod kątem czytelności i rozmiaru; nie sprawdza, czy Twój CSS jest poprawny.
Najczęściej zadawane pytania
Nie. Minifikator zachowuje spacje wokół plusa i minusa wewnątrz wartości, więc calc(100% - 30px) pozostaje poprawne. Usuwa tylko spacje wokół znaków strukturalnych, takich jak nawiasy klamrowe, dwukropki i średniki.
Zwykłe komentarze są usuwane, aby oszczędzić miejsce, ale komentarze licencyjne zapisane jako /*! ... */ są zachowywane, co jest standardową konwencją zachowywania informacji o prawach autorskich.
Nie. Zarówno upiększanie, jak i minifikowanie działają w całości w Twojej przeglądarce, więc Twoje arkusze stylów nigdy nie opuszczają Twojego urządzenia.
Osadź to narzędzie
Dodaj to narzędzie do własnej witryny. Skopiuj poniższy fragment, aktualizuje się automatycznie.
<iframe src="https://monu.tools/embed/pl/css-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Powiązane narzędzia
Upiększ HTML z wcięciami uwzględniającymi bloki lub zminifikuj go. Zawartość pre, textarea, script i style jest zachowana.
Upiększ lub zminifikuj JavaScript i TypeScript w przeglądarce. Obsługuje nowoczesną składnię, w tym JSX i dekoratory.
Konwertuj CSV na plik Excel .xlsx i Excel z powrotem na CSV, całkowicie w przeglądarce. Działa w obu kierunkach.
Wygeneruj interfejsy TypeScript z danych JSON, z obsługą zagnieżdżonych obiektów i tablic.