Minifikator i formatowanie CSS
Minifikuj lub sformatuj swój kod CSS. Zmniejsz rozmiar pliku usuwając komentarze i spacje.
O Minifikatorze i formatowaniu CSS
Minifikator CSS usuwa komentarze, zwija białe znaki, kasuje ostatni średnik w każdym bloku, skraca sześciocyfrowe kolory HEX do trzech znaków tam, gdzie to możliwe, i obcina zbędne części dziesiętne w rodzaju 1.0rem. Tryb formatowania działa odwrotnie: rozkłada skompresowany arkusz z powrotem, po jednej deklaracji w wierszu. Narzędzie podaje rozmiar pierwotny i po minifikacji w bajtach wraz z procentem oszczędności, czyli to, czego potrzebujesz przy odchudzaniu CSS blokującego renderowanie, a wynik skopiujesz albo pobierzesz jako styles.min.css. Wszystko działa w Twojej przeglądarce.
Przypadki użycia
Jak używać
Wklej swój arkusz stylów do pola Kod CSS albo kliknij Wczytaj przykład, aby zacząć od gotowego CSS.
Zostaw zaznaczoną opcję Minifikuj, aby usunąć komentarze i zbędne spacje, pominąć ostatni średnik w każdym bloku i skrócić sześcioznakowe kolory HEX tam, gdzie to możliwe.
Kliknij Upiększ, gdy chcesz odwrotnego efektu: te same reguły z wcięciem dwóch spacji na poziom i jedną deklaracją w wierszu.
Obserwuj, jak panel wyniku przepisuje się w trakcie pisania, i porównuj liczbę bajtów podaną nad każdym polem.
Sprawdź poniżej procent w polu Redukcja rozmiaru oraz wartość Zaoszczędzone bajty, a potem kliknij Kopiuj lub Pobierz, aby zapisać plik jako styles.min.css.
Porady Pro
- Wklej treść bezpośrednio — Minifikator CSS rozpoznaje typowe formaty danych i automatycznie dobiera sensowne ustawienia domyślne.
- Korzystaj ze skrótów klawiszowych (Ctrl/Cmd+A zaznacza wszystko, Ctrl/Cmd+C kopiuje), aby szybciej pracować w Minifikatorze CSS.
- Bardzo duże dane dziel na mniejsze części — karta przeglądarki poradzi sobie z megabajtami tekstu, ale przetwarzanie ogromnych porcji może na chwilę zablokować interfejs.
- Minifikator CSS nie rejestruje ani nie przechowuje Twoich danych. Jeśli potrzebujesz historii, kopiuj ważne wyniki do pliku na dysku lub do aplikacji z notatkami.
- Łącz Minifikator CSS z innymi narzędziami w tym serwisie (formatery, konwertery, kodery), aby budować kompletne procesy przetwarzania danych bez wychodzenia z przeglądarki.
Często zadawane pytania
Tak, w pełni za darmo — bez rejestracji, bez klucza API, bez znaków wodnych i bez limitów użycia.
Nie. Minifikator CSS działa w całości po stronie klienta, w Twojej przeglądarce. Twoje dane nigdy nie trafiają na nasze serwery.
Nie ma sztywnego limitu, ale przy danych większych niż kilka megabajtów licz się ze spowolnieniem — zależy to od ilości pamięci w Twoim urządzeniu.
Tak. Wyniki wygenerowane w Minifikatorze CSS należą do Ciebie i możesz ich swobodnie używać w dowolnym projekcie prywatnym lub komercyjnym.
Większość logiki działa w JavaScripcie po stronie przeglądarki, więc po pierwszym załadowaniu strony zwykle możesz pracować dalej bez połączenia z siecią.
Żadne. Ponieważ Minifikator CSS działa w Twojej przeglądarce, możesz przetworzyć tyle danych, ile pozwoli Twój sprzęt — bez kluczy API i bez ograniczania przepustowości.