Przejdź do treści
ToolMug

Minifikacja CSS

Skompresuj arkusze stylów pod produkcję. CSSO usuwa spacje i komentarze, skraca kolory i wartości oraz scala reguły powtarzające ten sam selektor — często dając większe oszczędności niż samo usunięcie spacji.

Działa w przeglądarce — nic, co wpiszesz, nie jest wysyłane

Jak używać

  1. Wklej swój CSS.
  2. Wybierz, czy przebudować reguły i zachować komentarze licencyjne.
  3. Kliknij Minifikuj albo naciśnij Ctrl+Enter (⌘+Enter na Macu).
  4. Skopiuj lub pobierz zminifikowany CSS.

Opis opcji

Scalaj i przebudowuj reguły
Łączy reguły z tym samym selektorem albo tymi samymi deklaracjami, gdy jest to bezpieczne. Wyłącz, aby tylko usuwać spacje i skracać wartości.
Zachowaj komentarze licencyjne
Zachowuje komentarze zaczynające się od /*!, co jest konwencją dla informacji licencyjnych.

Przykłady

a { color: #ff0000; }
/* note */
a { margin: 0px; }

minifikuje się do a{color:red;margin:0}.

Najczęściej zadawane pytania

Co jest skracane?

Kolory (#ff0000 → red, #ffffff → #fff), jednostki zera (0px → 0), zbędne średniki i cudzysłowy oraz spacje. Przy włączonej przebudowie scalane są też powtarzające się reguły.

Czy przebudowa może zmienić wygląd strony?

CSSO przesuwa deklaracje tylko wtedy, gdy wynik kaskady zostaje taki sam. Jeśli korzystasz z nietypowych trików, porównaj wynik albo wyłącz przebudowę.

Czy mój kod jest wysyłany na serwer?

Nie. Minifikacja odbywa się w Twojej przeglądarce.

Prywatność

To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.

Podobne narzędzia