Formatowanie i minimalizacja CSS
Wklej CSS, aby sformatować go z jedną właściwością w wierszu, lub zminimalizuj do produkcji.
Twoje pliki nigdy nie opuszczają urządzenia — wszystko działa w przeglądarce.
Jak korzystać
- 1Wklej CSS do pola wejściowego.
- 2Wybierz „Upiększ” dla czytelnego kodu lub „Minimalizuj” dla najmniejszego wyniku.
- 3Ustaw preferowane wcięcie.
- 4Skopiuj wynik lub pobierz jako plik .css.
Czytelny lub zwarty CSS
Upiększanie zamienia skompresowany arkusz stylów w wcięte reguły z jedną deklaracją w wierszu. Minimalizacja usuwa komentarze i odstępy, aby plik pobierał się szybciej.
Dlaczego to ważne
Mniejszy CSS ładuje się szybciej, co pomaga szybkości strony, a czytelny CSS łatwiej utrzymywać i przeglądać. Zachowaj sformatowaną wersję źródłową i publikuj zminimalizowaną.
Prywatność
Przetwarzanie odbywa się w przeglądarce, więc arkusz stylów nie jest wysyłany. Zawsze przetestuj zminimalizowany plik przed wdrożeniem.
Najczęściej zadawane pytania
Czy obsługuje media queries i nowoczesny CSS?
Tak. Media queries, zagnieżdżone at-rules, właściwości niestandardowe (--zmienne) i nowoczesne selektory są formatowane poprawnie.
Ile oszczędza minimalizacja?
To zależy od sposobu napisania pliku. Usunięcie komentarzy, podziałów wierszy i wcięć często zmniejsza ręcznie napisany arkusz stylów o 20–40%. Kompresja gzip lub Brotli na serwerze dodatkowo zmniejsza rozmiar transferu.
Czy mój arkusz stylów jest wysyłany?
Nie. Formatowanie działa lokalnie w przeglądarce.