Minifikator CSS
Wklej arkusz stylów, aby dostać najmniejszy równoważny CSS i dokładną informację, ile zaoszczędzisz.
Zapieczętowane na tym urządzeniu
Działa w przeglądarce. Nic nie jest wysyłane.
Zapieczętowane
Zminifikowany CSS
Zminifikowany CSS pojawi się tutaj podczas pisania.
Jak to działa
-
Wklej CSS
Wklej arkusz stylów lub otwórz plik .css. Minifikacja zaczyna się już podczas pisania.
-
Wybierz stopień optymalizacji
Łączenie reguł daje najmniejszy plik. Wyłącz je, jeśli kolejność reguł musi pozostać dokładnie taka, jak w oryginale.
-
Skopiuj lub pobierz
Zobacz rozmiar przed i po, także po kompresji gzip, a potem skopiuj wynik lub pobierz plik .min.css.
Najczęściej zadawane pytania
Czy mój CSS jest wysyłany?
Nie. Minifikacja odbywa się w przeglądarce dzięki otwartoźródłowemu silnikowi CSSO. Twój arkusz stylów nigdy nie opuszcza urządzenia.
Co usuwa minifikacja?
Białe znaki, podziały wierszy, komentarze, ostatni średnik w każdym bloku oraz zbędne zera i jednostki. Kolory są skracane, np. #ff0000 zmienia się w red, a powtórzone deklaracje są usuwane.
Co robi opcja „Łącz i przestawiaj reguły”?
Łączy reguły o wspólnych selektorach lub deklaracjach i przenosi je, gdy jest to bezpieczne, co często oszczędza najwięcej bajtów. Jeśli twoje style zależą od nietypowej kolejności kaskady, wyłącz tę opcję, aby zachować oryginalną strukturę.
Po co zachowywać komentarze /*!?
Komentarze zaczynające się od /*! zwykle zawierają licencję lub informację o prawach autorskich, która musi pozostać w kodzie. Wszystkie pozostałe komentarze są usuwane.
Czym jest rozmiar po gzip?
Serwery WWW zwykle kompresują CSS przed wysłaniem. Wartość gzip, zmierzona w przeglądarce, pokazuje mniej więcej, ile bajtów faktycznie przesyłanych jest przez sieć.