TextArray
100% lokalnie

Minifikator CSS

Minifikuj CSS, usuwając komentarze i spacje bez zmieniania wartości.

Wejście
Wynik

Minifikator CSS

Wklej arkusz stylów, a narzędzie zwróci jego kompaktową wersję: usunie komentarze, zwinie białe znaki i skasuje ostatni średnik w każdym bloku. Przydaje się, gdy chcesz przed wdrożeniem zaoszczędzić każdy bajt, wstawić krytyczny CSS bezpośrednio do nagłówka strony, zmieścić style w szablonie e-maila HTML albo po prostu sprawdzić, jaką część pliku stanowi formatowanie — podsumowanie pod wynikiem pokazuje liczbę bajtów i procent oszczędności.

Minifikator naprawdę parsuje CSS, a nie podmienia tekst na ślepo, więc newralgiczne miejsca zostają nietknięte: łańcuchy znaków zachowują każdy znak, wyrażenia calc() zachowują spacje wokół operatorów, wartości url() są kopiowane bez zmian, a selektor potomka taki jak „a :hover” nigdy nie sklei się w „a:hover”. Celowo nie przepisuje natomiast wartości — kolory, jednostki i zapisy skrócone wychodzą dokładnie tak, jak je zapisano. To uczciwy minifikator spacji i komentarzy, a nie optymalizator przebudowujący reguły.

Wynik dostrajają dwie opcje. „Zachowaj komentarze /*!” zachowuje komentarze zaczynające się od /*! — konwencję banerów licencyjnych, które muszą przetrwać minifikację; po wyłączeniu znikną i one. „Jedna reguła w wierszu” dodaje nowy wiersz po każdej regule najwyższego poziomu, dzięki czemu wynik łatwiej czytać i porównywać w diffie.

Wszystko działa w twojej przeglądarce. CSS nigdzie nie jest wysyłany, więc firmowe arkusze stylów i niepublikowane projekty zostają na twoim urządzeniu.

Częste pytania

Czy narzędzie przepisuje kolory, jednostki lub zapisy skrócone?
Nie. Usuwa tylko komentarze, zbędne białe znaki i ostatni średnik w bloku. Wartości, selektory i kolejność właściwości wychodzą dokładnie tak, jak je zapisano — nie przebudowuje reguł ani nie optymalizuje jak minifikator w narzędziu budującym.
Czy wartości takie jak calc() lub url() się zepsują?
Nie. Narzędzie parsuje CSS: łańcuchy znaków są zachowywane znak po znaku, calc() zachowuje wymagane spacje wokół operatorów, a wszystko wewnątrz url() jest kopiowane bez zmian.
Czym są komentarze /*! i po co je zachowywać?
Komentarz zaczynający się od /*! to konwencja banerów licencyjnych, które muszą przetrwać minifikację. Opcja „Zachowaj komentarze /*!” jest domyślnie włączona; po wyłączeniu zostaną usunięte jak każdy inny komentarz.
Czy mój CSS jest gdzieś wysyłany?
Nie. Minifikacja odbywa się w całości w twojej przeglądarce, a arkusz stylów nigdy nie opuszcza urządzenia.