Narzędzie do upiększania i minifikacji CSS
Poprawiaj wcięcia w nieuporządkowanym kodzie CSS, aby był czytelny, lub minifikuj go do wdrożenia — z bezpiecznym trybem, który nigdy nie zmienia kolejności reguł.
Twój kod CSS jest formatowany i minifikowany bezpośrednio w przeglądarce. Nic nie jest przesyłane do BroBroGo.
FAQ
Jaka jest różnica między upiększaniem a minifikacją?
Opcja „Upiększ” ponownie wcięcia i rozmieszcza style, dzięki czemu są one łatwe do odczytania i edycji. „Minifikuj” robi coś przeciwnego — usuwa białe znaki i komentarze, których przeglądarka nie potrzebuje, oraz skraca wartości, takie jak kolory, dzięki czemu plik jest mniejszy i ładuje się szybciej. Upiększaj podczas pracy, minifikuj przed wdrożeniem.
Co robią ustawienia kompresji Bezpieczna i Zoptymalizowana?
Tryb „Bezpieczny” usuwa jedynie białe znaki i komentarze oraz skraca wartości, pozostawiając każdą regułę dokładnie tam, gdzie została zapisana. Tryb „Zoptymalizowany” idzie dalej i scala duplikaty selektorów oraz reguł w celu uzyskania mniejszego pliku — może on zmieniać kolejność reguł, więc w przypadku arkuszy stylów opierających się na kolejności źródłowej warto to szybko sprawdzić przed wdrożeniem. Komentarze oznaczone jako /*! … */ są zachowywane w obu trybach.
Czy minifikacja zmieni wygląd mojej strony?
W trybie Bezpiecznym nie — Twoje style będą renderować się dokładnie tak samo. Usuwa on białe znaki, odrzuca zwykłe komentarze i zapisuje wartości w krótszych, równoważnych formach (np. #ffffff jako #fff), nigdy nie zmieniając prefiksów dostawców ani nowoczesnej składni. Tryb Zoptymalizowany dodatkowo scala reguły, co wygląda identycznie na prawie każdym arkuszu stylów, ale warto to zweryfikować, jeśli Twój kod zależy od kolejności reguł.