HTML Prettify & Minify – Formatowanie HTML Online za darmo

Wklej dowolny HTML — nawet jednolinijowy zminifikowany wynik z pipeline'u budowania — a narzędzie formatuje go z odpowiednim wcięciem, jednym tagiem na linię i spójną bielą przestrzenią. Wybierz wcięcie z 2, 4 lub 8 spacjami. Wyjście jest gotowe do wklejenia do edytora lub do komentarza do przeglądu kodu.

Prettify rozszerza HTML dla czytelności: każdy tag jest na osobnej linii, zagnieżdżone dzieci są wcięte, puste linie zachowywane między sekcjami. Minimalizować usuwa komentarze, zwalnia sekcje białych przestrzeni i usuwa podziały linii, dzięki czemu plik przesyła mniej bajtów. Używaj Prettify do edycji i przeglądu, Miniify do wdrożenia produkcyjnego.

Nie — js-beautify (silnik pod maską) wykrywa bloki skryptów i stylów oraz formatuje ich zawartość według odpowiednich reguł JS lub CSS, dzięki czemu skrypty inline pozostają ważne, a arkusze stylów czytelne. Samozamykające się tagi, elementy void oraz atrybuty w przestrzeni nazw (svg:xmlns, xlink:href) są obsługiwane poprawnie.

Dobrze radzi sobie z zwykłym HTML i szablonami podobnymi do HTML, ale czysty JSX (wyrażenia nawiasowe, fragmenty, wielkie litery tagów komponentów) jest analizowany jako HTML i może pojawić się drobne usterki kosmetyczne. Dla kodu specyficznego dla frameworka polecamy Prettier, skonfigurowany dla Twojego dialektu; Do surowych plików HTML, .htm i szablonów nasze narzędzie jest idealne.

Nie dochodzi do przesyłania. Formater działa całkowicie w Twojej przeglądarce z js-beautify, dzięki czemu możesz bezpiecznie wkleić wewnętrzne szablony stron, szkic e-maili lub HTML zawierający dane prywatne bez opuszczania urządzenia.

Minimalizacja usuwa komentarze HTML, zwalnia wszelkie odstępy między tagami do jednej spacji i usuwa podziały linii. Efektem jest bajtowe renderowanie HTML, które zazwyczaj jest o 10-30% mniejsze. W połączeniu z gzip na serwerze, zauważalnie zmniejsza to początkową wagę strony na stronach bogatych w treść.

Tak — kliknij Pobierz, aby zapisać upiększony wynik jako output.html lub zminimalizowany jako output.min.html. Plik jest zakodowany w UTF-8, więc działa równie dobrze z treściami angielskimi, cyrylicą, CJK oraz od prawej do lewej.

To małe narzędzie dostępne wyłącznie w przeglądarce — zero kosztów hostingu — więc udostępniamy go bezpłatnie jako część naszego zestawu narzędzi dla deweloperów. Brak reklam, brak śledzenia wyników, brak ograniczeń co do rozmiaru pliku poza tym, co przeglądarka może pomieścić w pamięci.