CSS Minyfikator

Kompresuj pasowane pliki CSS lub lokalne pliki .css bezpośrednio w przeglądarce. Twój arkusz stylowy nie jest przesyłany, logowany lub wysłany do API.

Kliknij, aby wybrać plik CSS lub odtworzyć 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 przestrzeń biała, ale utrzymuje optymalizacje strukturalne nie dołączone w celu uniknięcia ryzykownych ponownych wpisów na liście stylowych.

Fragment kodu i dane wejściowe pliku

Pakiet częściowy CSS, full stylesheets, media queries, custom properties, or load to local .css file.

Bezpieczny pomiar

Analityka wykorzystuje tylko rozmiar i redukcja buckets. źródło CSS, adresy URL, wybór, komentarze i nazwy plików pozostają poza telemetrą.

Często zadawane pytania

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

No. Minifier działa lokalnie z przeglądarką JavaScript. Przeszłe pliki CSS i wybrane pliki nie są wysyłane do serwerów Convertr.

Dlaczego opcja optymalizacji strukturalnej jest nieaktywna?

Niektóre agresywne odtwarzanie CSS może zmienić zachowanie kaskadowe. pierwsza wersja utrzymuje kompresję konserwatywną i koncentruje się na bezpiecznej minifikacji.

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

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 Sass/SCSS Snippets online Konwerter kolorów CSS Konwertuj CSS kolorów generator CSS Gradient Tworzenie gradientów CSS lokalnie WCAG kontrast kolorowy Zweryfikuj dostępny kontrast kolorów HTML Minyfikator Kompresuj fragmenty HTML Optymalizator SVG Skompresuj kod SVG Narzędzia dewelopera Przeglądaj narzędzia przeglądarki

CSS Minyfikator

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

Wejście
Tekst źródłowy CSS i dostępne opcje minializacji.
Wyjście
Minified CSS plus before-and-after size informacje.
Prawdziwe ograniczenia
Minifikacja nie jest semantyczną weryfikacją, prefixing, lub usunięcie martwego kodu; złośliwe CSS i niezwykłe hacks mogą wymagać przeglądu ręcznego.
Prywatność i przetwarzanie danych
Tekst źródłowy CSS i dostępne opcje minializacji są przetwarzane w tej karcie przeglądarki. konwerter nie otrzymuje ani nie przechowuje; zamknięcie lub ponowne pobieranie strony wyjaśnia stan pracy, chyba że narzędzie wyraźnie oferuje lokalne pobranie.

Jak wykorzystać ten narzędzie

  1. Dostarczanie tekstu źródłowego CSS i dostępnych opcji minializacji w kontrolkach narzędzi.
  2. Wybierz ustawienia, które wpływają na miniaturowe informacje o rozmiarze CSS plus przed i po rozmiarach, a następnie uruchom narzędzie.
  3. Przegląd miniatur CSS plus informacje przed i po rozmiarze przed kopiowaniem lub pobieraniem.

Wspólne tryby niepowodzenia

Niezamknięte bloky, nieprawidłowe paski lub syntax, których parser nie rozumie, są zwracane jako błąd zamiast zmienionego wyjścia.

Przykład przydatny

Minifiniuj formatyzowaną zasadę .card, usuwając indentacje, komentarze i niepotrzebne miejsca, zachowując jednocześnie jej deklaracje.