Minyfikator CSS

Kompresuj wklejone fragmenty CSS lub lokalne pliki .css bezpośrednio w przeglądarce. Twój arkusz stylów nie jest przesyłany, rejestrowany ani wysyłany do API.

Kliknij, aby wybrać plik CSS lub upuść go tutaj

Możesz również wkleić CSS bezpośrednio do poniższego edytora.

0 bajtów

0 bajtów

Gotowy

Konserwatywne ustawienia CSSO

Podstawowe uruchomienie usuwa komentarze i białe znaki, ale pozostawia wyłączone optymalizacje strukturalne, aby uniknąć ryzykownych przepisywania arkuszy stylów.

Fragment kodu i dane wejściowe pliku

Wklej częściowy CSS, pełne arkusze stylów, media queries, właściwości niestandardowe lub załaduj lokalny plik .css.

Bezpieczny pomiar

Analityka wykorzystuje tylko zasobniki rozmiaru i redukcji. Źródło CSS, adresy URL, selektory, komentarze i nazwy plików pozostają poza telemetrią.

Często zadawane pytania

Czy mój CSS jest przesyłany do konwersji?

Nie. Minifier działa lokalnie z JavaScriptem w przeglądarce. Wklejone CSS i wybrane pliki nie są wysyłane na serwery Convertr.

Dlaczego opcja optymalizacji strukturalnej jest nieaktywna?

Niektóre agresywne przepisywania CSS mogą zmienić zachowanie kaskadowe. Pierwsza wersja utrzymuje kompresję konserwatywną i koncentruje się na bezpiecznej minifikacji.

Co się dzieje, gdy CSS ma błąd składni?

Błąd parseru jest wyświetlany w panelu ostrzeżenia, więc można naprawić arkusz przed kopiowaniem wyjścia.

Powiązane narzędzia dla programistów

SCSS Kompilator Kompilacja fragmentów Sass/SCSS online Konwerter kolorów CSS Konwertuj CSS kolorów Generator gradientów CSS Twórz gradienty CSS lokalnie Sprawdzanie kontrastu kolorów WCAG Zweryfikuj dostępny kontrast kolorów HTML Minyfikator Kompresuj fragmenty HTML Optymalizator SVG Kompresuj kod SVG Narzędzia dla programistów Przeglądaj narzędzia przeglądarki

Minyfikator CSS

Usuń bezpieczne formatowanie i komentarze z wklejonego CSS, aby zmniejszyć rozmiar transferu.

Wejście
Tekst źródłowy CSS i dostępne opcje minifikacji.
Wyjście
Zminifikowany CSS plus informacje o rozmiarze przed i po.
Prawdziwe ograniczenia
Minifikacja nie jest semantyczną weryfikacją, prefiksowaniem ani usuwaniem martwego kodu; nieprawidłowo sformatowane CSS i nietypowe hacki mogą wymagać ręcznego przeglądu.
Prywatność i przetwarzanie danych
Tekst źródłowy CSS i dostępne opcje minifikacji są przetwarzane w tej karcie przeglądarki. Convertr nie otrzymuje ani nie przechowuje go; zamknięcie lub ponowne załadowanie strony czyści stan roboczy, chyba że narzędzie wyraźnie oferuje lokalne pobranie.

Jak używać tego narzędzia

  1. Podaj tekst źródłowy CSS i dostępne opcje minifikacji w kontrolkach narzędzia.
  2. Wybierz ustawienia wpływające na zminifikowany CSS oraz informacje o rozmiarze przed i po, a następnie uruchom narzędzie.
  3. Przejrzyj zminifikowany CSS oraz informacje o rozmiarze przed i po przed skopiowaniem lub pobraniem.

Typowe tryby awarii

Niezamknięte bloki, nieprawidłowe ciągi znaków lub składnia, której parser nie rozumie, są zwracane jako błąd zamiast zmienionego wyniku.

Przydatny przykład

Zminifikuj sformatowaną regułę .card, usuwając wcięcia, komentarze i niepotrzebne spacje, zachowując jej deklaracje.