Minimalizuj i kompresuj arkusze stylów CSS natychmiast w przeglądarce. Usuń komentarze, zwiń białe znaki i zmniejsz rozmiar pliku. Bezpłatne i prywatne.
Obsługuje pliki .css. Możesz też wkleić swój CSS powyżej.
Minifikacja CSS usuwa białe znaki, komentarze i niepotrzebne znaki z arkusza stylów, aby zmniejszyć jego rozmiar przed wyświetleniem w przeglądarkach. Rzeczywiste zasady pozostają niezmienione: zminimalizowany arkusz stylów renderuje strony identycznie jak niezminifikowane źródło. The savings come from removing newlines, redundant semicolons, comments, hex-color shorthand opportunities, and zero-unit shortcuts (replacing 0px with 0).
W nowoczesnych witrynach internetowych z dziesiątkami reguł stylu typowa redukcja wynosi 20–40% w porównaniu z niezminifikowanym źródłem. Combined with gzip compression at the server, the marginal savings shrink — gzip already compresses repeated text effectively — but the combination still beats compression alone, particularly when stylesheets are cached and served many times to many visitors.
This minifier processes CSS in a single pass, removing comments outside of url() values, collapsing whitespace, removing redundant semicolons before closing braces, applying zero-unit shorthand, and converting six-digit hex colors to three-digit form where possible (#ffffff → #fff). Dane wyjściowe pozostają prawidłowym kodem CSS, który dowolna przeglądarka poprawnie analizuje.
Mniejsze pliki CSS ładują się szybciej, a czas blokowania renderowania ulega skróceniu, co poprawia wyniki w zakresie pierwszego i największego malowania treściowego. W przypadku witryn, w których podstawowe wskaźniki internetowe wpływają na ranking wyszukiwania, każdy kilobajt wygolonego CSS blokującego renderowanie jest wart wysiłku.
Koszty przepustowości również mają znaczenie w skali. Witryny, które obsługują miliony odsłon, oszczędzają wymierną ilość ruchu wychodzącego, gdy ich arkusze stylów są o 30% mniejsze. Rachunki za CDN, wykorzystanie danych mobilnych i zużycie energii – wszystkie te czynniki nieznacznie zyskują. Minifikacja jest w zasadzie bezpłatna — jednorazowy etap kompilacji bez kosztów utrzymania.
Wklej CSS, pobierz wersję zminimalizowaną.
Minifikacja CSS polega głównie na konserwatywnym usuwaniu białych znaków. Białe znaki wewnątrz selektorów, deklaracji i wartości są zachowywane tam, gdzie jest to istotne; białe znaki na zewnątrz są zwinięte. Komentarze są usuwane, chyba że zaczynają się od /*! (uwagi dotyczące zachowania licencji).
Typowe skróty: 0px, 0em i podobne wartości jednostek zerowych stają się 0; sześciocyfrowe kolory szesnastkowe z sparowanymi cyframi (#ffffff, #336699) stają się trzycyfrowe (#fff, #369); ostatni średnik przed } zostanie usunięty. Nazwy kolorów nie są automatycznie konwertowane na format szesnastkowy, ponieważ kod szesnastkowy jest czasami dłuższy (czerwony jest krótszy niż #f00; #ff0000 jest dłuższy niż czerwony).
Dane wyjściowe powinny przejść przez dowolny walidator CSS, który akceptuje dane wejściowe. Obsługa przeglądarek pozostaje niezmieniona — minifikacja nie modyfikuje samych reguł, a jedynie ich reprezentację tekstową.