Formatowanie i minifikacja HTML – formatuj HTML online za darmo

Wklej dowolny kod HTML – nawet zminifikowany do jednego wiersza z procesu budowania – a narzędzie sformatuje go ponownie z właściwymi wcięciami, jednym tagiem na wiersz i spójnymi odstępami. Wybierz wcięcie 2, 4 lub 8 spacji. Wynik jest gotowy do wstawienia do edytora lub wklejenia w komentarzu do przeglądu kodu.

Upiększanie rozwija HTML dla czytelności: każdy znacznik w osobnym wierszu, zagnieżdżone elementy z wcięciem, puste wiersze zachowane między sekcjami. Minifikacja usuwa komentarze, redukuje ciągi białych znaków i usuwa podziały wierszy, dzięki czemu plik zajmuje mniej bajtów. Używaj upiększania do edycji i przeglądu, a minifikacji do wdrożenia produkcyjnego.

Nie — js-beautify (silnik działający pod maską) wykrywa bloki script i style oraz formatuje ich zawartość zgodnie z odpowiednimi regułami JS lub CSS, dzięki czemu skrypty osadzone pozostają poprawne, a arkusze stylów czytelne. Tagi samozamykające się, elementy puste oraz atrybuty z przestrzeni nazw (svg:xmlns, xlink:href) są obsługiwane prawidłowo.

Narzędzie dobrze radzi sobie ze zwykłym HTML i szablonami przypominającymi HTML, ale czysty JSX (wyrażenia w nawiasach klamrowych, fragmenty, znaczniki komponentów pisane wielką literą) jest interpretowany jako HTML i może powodować drobne usterki kosmetyczne. W przypadku kodu specyficznego dla danego frameworka zalecamy Prettier skonfigurowany pod Twój dialekt; dla surowego HTML, plików .htm i szablonów nasze narzędzie sprawdza się idealnie.

Nie dochodzi do żadnego przesyłania. Formatowanie odbywa się w całości w Twojej przeglądarce za pomocą js-beautify, więc możesz bezpiecznie wklejać wewnętrzne szablony stron, szkice maili lub kod HTML zawierający prywatne dane, a nic nie opuszcza Twojego urządzenia.

Minifikacja usuwa komentarze HTML, zamienia każdy ciąg białych znaków między tagami na pojedynczą spację i usuwa podziały wierszy. Efektem jest kod HTML renderujący się identycznie co do bajta, ale zwykle o 10–30% mniejszy. W połączeniu z kompresją gzip na serwerze wyraźnie zmniejsza to początkową wagę stron z dużą ilością treści.

Tak — kliknij Pobierz, aby zapisać sformatowany wynik jako output.html lub zminifikowany wynik jako output.min.html. Plik jest zakodowany w UTF-8, więc równie dobrze obsługuje treści w języku angielskim, cyrylicy, pismach CJK oraz pisanych od prawej do lewej.

To niewielkie narzędzie działające wyłącznie w przeglądarce — bez kosztów hostingu — dlatego udostępniamy je za darmo jako część naszego zestawu narzędzi dla programistów. Bez reklam, bez śledzenia danych wyjściowych, bez limitów rozmiaru pliku poza tym, co Twoja przeglądarka pomieści w pamięci.