Formatter CSS
Upiększaj CSS z czystym wcięciem albo minifikuj go, aby zmniejszyć rozmiar pliku. Obsługuje zapytania media, calc() i komentarze licencyjne.
Powiązane narzędzia
Jak korzystać z narzędzia Formatter CSS
- 01
Wklej swój CSS w polu wejściowym.
- 02
Wybierz Upiększ, aby go sformatować, lub Minifikuj, aby go skompresować.
- 03
Wybierz rozmiar wcięcia, a następnie skopiuj wynik.
Co robi formatator CSS
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.
Kiedy upiększać, a kiedy minifikować
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.
Ostrożna minifikacja z calc() i zapytaniami medialnymi
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 są zachowywane
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.
Działa w Twojej przeglądarce
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
Czy minifikowanie psuje wyrażenia calc()?
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.
Czy komentarze są usuwane przy minifikowaniu?
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.
Czy mój CSS jest gdzieś przesyłany?
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.