Minifikator CSS online – minifikacja i formatowanie za darmo
Zminimalizuj lub sformatuj CSS od razu w przeglądarce. Usuwa komentarze i białe znaki, zmniejszając rozmiar pliku.
🔒 Twój plik nigdy nie opuszcza przeglądarki. Całe przetwarzanie odbywa się lokalnie.
Jak zminifikować CSS online
- 1
Wklej swój CSS
Wklej lub wpisz kod CSS w polu wejściowym.
- 2
Wybierz Minifikuj lub Formatuj
Kliknij Minifikuj, aby skompresować CSS, albo Formatuj, aby nadać mu spójne wcięcia.
- 3
Skopiuj wynik
Wynik pojawi się po prawej stronie. Kliknij Kopiuj, aby skopiować go do schowka.
CSS blokuje renderowanie: przeglądarka nie wyświetli niczego, dopóki nie pobierze i nie przeanalizuje wszystkich arkuszy stylów w head. Dlatego kilka kilobajtów opóźnia First Contentful Paint, zwłaszcza na łączach mobilnych. Minifikacja CSS to najtańsza optymalizacja: bez procesu budowania i zmian w kodzie, po prostu mniejszy plik, który wygląda identycznie.
Co jest usuwane: komentarze, wcięcia, znaki nowej linii, spacje wokół nawiasów klamrowych i dwukropków oraz ostatni średnik przed każdym nawiasem zamykającym. Selektory, nazwy właściwości i wartości nigdy nie są zmieniane, więc zminifikowany CSS działa dokładnie jak oryginał. Formatuj robi coś odwrotnego: zamienia produkcyjny arkusz stylów w czytelne reguły ze spójnymi wcięciami.
Jeśli arkusz jest duży z powodu nieużywanych reguł, a nie spacji, minifikacja da niewiele; najpierw usuń zbędne selektory podczas budowania. Dla pozostałych zasobów minifikator JS i minifikator HTML stosują ten sam pomysł do skryptów i znaczników.