Pamiętaj: Wyniki kalkulatorów mają charakter informacyjny i zależą od podanych danych oraz przyjętych założeń. W sprawach finansowych, podatkowych, prawnych lub zdrowotnych zweryfikuj wynik w aktualnym źródle lub u odpowiedniego specjalisty. Pamiętaj: Wyniki kalkulatorów mają charakter informacyjny i zależą od podanych danych oraz przyjętych założeń. W sprawach finansowych, podatkowych, prawnych lub zdrowotnych zweryfikuj wynik w aktualnym źródle lub u odpowiedniego specjalisty.
Przejdź do treści

Minifier i formatter kodu JavaScript, CSS i HTML

Wklej kod, wybierz Minify albo Beautify i od razu zobacz wynik oraz rozmiar UTF-8 przed i po zmianie. JSON pozostaje dostępny jako tryb pomocniczy z walidacją składni.

Kod wejściowy

Przetwarzanie odbywa się w przeglądarce. Przykład dopasowuje się do wybranego języka.
JS • CSS • HTML • JSON
Statystyki wejścia
Znaki: 0 Bajty UTF-8: 0 Wiersze: 0 Bez białych znaków: 0

Wynik

przed / po
Status
—
Wklej kod, aby rozpocząć.
Znaki
0
Bajty UTF-8
0
Wiersze
0
Bez białych znaków
0
Różnica bajtów
0 B
Zmiana rozmiaru
0,0%
Jak został przetworzony kod?
—

Co robi to narzędzie?

Ten URL służy przede wszystkim do minify i beautify kodu JavaScript, CSS i HTML. Transformacje są celowo zachowawcze: narzędzie chroni stringi i inne fragmenty, w których zwykłe usuwanie spacji lub komentarzy mogłoby zmienić kod.

Tryb JSON jest dodatkiem. Jeśli chcesz przede wszystkim sprawdzić, znaleźć i naprawić błąd JSON, użyj osobnego walidatora i edytora JSON.

Powiązane narzędzia dla programisty

Każda z poniższych stron ma inną główną funkcję, dzięki czemu nie musisz używać formattera jako walidatora lub konwertera.

Minify JavaScript – dlaczego nie wystarczy usunąć komentarzy regexem?

Sekwencje // i /*...*/ mogą wystąpić wewnątrz stringów, adresów URL, wyrażeń regularnych i template literals. Proste zamiany tekstowe potrafią wtedy uszkodzić poprawny program. Ten kalkulator najpierw rozpoznaje te fragmenty i dopiero później ogranicza komentarze oraz whitespace.

Minifikacja JavaScript jest zachowawcza: pozostawia końce linii, które mogą mieć znaczenie dla automatycznego wstawiania średników (ASI). Do produkcyjnego bundla aplikacji nadal warto używać minifiera pracującego na pełnym parserze projektu.

Minify i beautify CSS oraz HTML

W CSS chronione są stringi oraz url(...), dzięki czemu np. tekst z podwójną spacją w content albo data URL nie jest przepisywany jak zwykły whitespace. W HTML parser taga respektuje cudzysłowy, więc znak > wewnątrz atrybutu nie kończy taga przedwcześnie.

Zawartość <script>, <style>, <pre> i <textarea> jest zachowywana. To celowe: agresywna kompresja wewnątrz tych elementów mogłaby zmienić dane lub kod osadzony w HTML.

JSON bez utraty dużych liczb

Standardowe JSON.parse() w JavaScript zapisuje liczby jako typ Number. Dla bardzo dużych identyfikatorów może to zmienić ostatnie cyfry. Dlatego ten formatter JSON waliduje i formatuje dane tokenowo, zachowując oryginalny zapis liczby.

9007199254740993 → 9007199254740993

Narzędzie nadal odrzuca błędny JSON, np. przecinek po ostatnim elemencie albo niepoprawny zapis liczby.

Jak czytać statystyki przed i po?

Znaki
Liczba znaków Unicode w tekście.
Bajty UTF-8
Przybliżony rzeczywisty rozmiar tekstu zapisanego jako UTF-8.
Wiersze
Liczba linii w kodzie wejściowym lub wyniku.
Bez białych znaków
Liczba znaków po odjęciu spacji, tabulatorów i końców linii; to metryka pomocnicza, a nie rozmiar pliku.
Zmiana rozmiaru
Procentowa zmiana liczby bajtów UTF-8. Wartość ujemna oznacza mniejszy wynik, dodatnia — większy.

Wskazówka od KalkulatorXXL

Przed podmianą pliku w projekcie uruchom testy lub przynajmniej porównaj działanie kodu przed i po. To narzędzie jest przeznaczone do szybkiej pracy na pojedynczym fragmencie, a nie do zastępowania bundlera, parsera całego projektu albo lintera.

FAQ – minifier i formatter JS, CSS i HTML

Nie. Narzędzie rozpoznaje stringi, template literals i wyrażenia regularne, dlatego sekwencje // lub /*...*/ zapisane wewnątrz nich nie są traktowane jak zwykłe komentarze kodu.

Minifikacja jest zachowawcza i pozostawia końce linii, które mogą mieć znaczenie dla automatycznego wstawiania średników w JavaScript.

Nie. Narzędzie jest przeznaczone do szybkiego przetwarzania pojedynczych fragmentów kodu. Dla produkcyjnego projektu użyj minifiera i testów pracujących na pełnej składni projektu.

Tak. Stringi oraz zawartość url(...) są chronione przed zwykłym zwijaniem whitespace, dzięki czemu nie są przetwarzane jak tekst poza tymi konstrukcjami.

Nie. Zawartość elementów script, style, pre i textarea jest zachowywana, ponieważ białe znaki mogą mieć w nich znaczenie.

Tak. Tag jest odczytywany z uwzględnieniem cudzysłowów, więc znak > w wartości atrybutu nie kończy taga przedwcześnie.

Tak. Ten tryb nie konwertuje liczby do JavaScript Number podczas formatowania, dlatego zapis dużego identyfikatora liczbowego pozostaje bez zmiany.

Tak, tryb JSON sprawdza składnię. Jeśli potrzebujesz przede wszystkim znajdowania i naprawiania błędów JSON, lepszy jest osobny walidator i edytor JSON w KalkulatorXXL.

To rozmiar tekstu po zakodowaniu w UTF-8. Jest lepszym przybliżeniem rozmiaru pliku niż sama liczba znaków, ponieważ różne znaki mogą zajmować różną liczbę bajtów.

Beautify dodaje wcięcia i końce linii dla czytelności, więc wynik często ma więcej bajtów niż wejście. Procentowa zmiana rozmiaru pokazuje ten wzrost lub spadek.

Ostatnia aktualizacja: 25.09.2026