HTML Prettify & Minify - HTML 온라인 포맷 무료

어떤 HTML이든 — 심지어 빌드 파이프라인에서 나온 단일 줄의 최소화된 출력물도 — 붙여넣으면, 도구가 적절한 들여쓰기, 한 줄당 한 가지 태그, 일관된 여백으로 재포맷합니다. 2, 4, 8칸 들여쓰기를 선택하세요. 출력물은 에디터에 넣거나 코드 리뷰 주석에 붙여넣을 준비가 되어 있습니다.

Prettify는 가독성을 위해 HTML을 확장합니다: 각 태그가 별도의 줄에 있고, 중첩된 자식은 들여쓰기하며, 섹션 사이에 빈 줄이 보존됩니다. Minify는 주석을 제거하고, 여백 구간을 접고, 줄 바꿈을 제거해 파일 전송 빈도 줄입니다. 편집과 검토에는 prettify를, 운영 배포에는 minify를 사용하세요.

아니요 — js-beautify(엔진 자체)는 스크립트와 스타일 블록을 감지하고 적절한 JS 또는 CSS 규칙으로 내용을 포맷하여 인라인 스크립트가 유효하고 스타일시트가 읽기 쉽게 유지되도록 합니다. 자가 닫히는 태그, 공허 요소, 이름공간 특성(svg:xmlns, xlink:href)은 모두 올바르게 처리됩니다.

일반 HTML과 HTML 유사 템플릿은 잘 처리하지만, 순수 JSX(컬리괄호 표현, 조각, 대문자 컴포넌트 태그)는 HTML로 파싱되어 약간의 외관상의 문제가 발생할 수 있습니다. 프레임워크 전용 코드의 경우, 방언에 맞게 Prettier 구성하는 것을 권장합니다; 원시 HTML, .htm, 템플릿 파일에는 저희 도구가 완벽합니다.

업로드는 전혀 이루어지지 않습니다. 포맷터는 브라우저에서 js-beautify로 완전히 실행되어, 내부 페이지 템플릿, 초안 이메일, 개인정보가 포함된 HTML을 기기 밖으로 나가지 않고도 안전하게 붙여넣을 수 있습니다.

Minify는 HTML 댓글을 제거하고, 태그 사이의 여백 구간을 한 칸으로 압축하며, 줄 바꿔 줄을 제거합니다. 그 결과 일반적으로 10-30% 더 작아진 바이트 동일 렌더링 HTML이 됩니다. 서버의 gzip과 결합하면, 콘텐츠가 많은 페이지에서 초기 페이지 무게가 눈에 띄게 줄어듭니다.

네 — 다운로드를 클릭해 예쁘게 만든 출력물을 output.html 또는 축소된 출력을 output.min.html으로 저장하세요. 이 파일은 UTF-8로 인코딩되어 있어 영어, 키릴 문자, CJK 및 오른쪽에서 왼쪽 콘텐츠 모두에서 잘 작동합니다.

이 서비스는 브라우저 전용 소규모 유틸리티로, 호스팅 비용이 전혀 없기 때문에 개발자 도구 키트의 일부로 무료로 제공합니다. 광고도 없고, 출력에 추적도 없으며, 브라우저가 저장할 수 있는 파일 크기 제한도 없습니다.