Monu Tools

Formatter CSS

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

  1. 01

    Wklej swój CSS w polu wejściowym.

  2. 02

    Wybierz Upiększ, aby go sformatować, lub Minifikuj, aby go skompresować.

  3. 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.

Źródła

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