HTML 압축(미니파이) 및 정리 – 무료 온라인
HTML을 온라인에서 압축하거나 보기 좋게 정리하세요. 공백과 주석을 제거합니다. 브라우저에서 동작하며 가입이 필요 없습니다.
🔒 파일은 브라우저 밖으로 나가지 않습니다. 모든 처리는 기기에서 로컬로 이루어집니다.
HTML을 온라인으로 압축하는 방법
- 1
HTML 붙여넣기
HTML 문서나 코드 조각을 입력창에 붙여넣거나 직접 입력하세요.
- 2
‘압축’ 또는 ‘정리’ 클릭
압축은 공백을 합치고 주석을 제거합니다. 정리는 일정한 들여쓰기로 코드를 보기 좋게 만듭니다.
- 3
결과 복사
‘복사’를 클릭하면 결과가 클립보드에 복사됩니다.
HTML은 브라우저가 가장 먼저 받는 데이터입니다. 다른 리소스를 찾을 만큼 충분히 도착하기 전에는 CSS도, JavaScript도, 이미지도 다운로드를 시작할 수 없습니다. 모든 것이 기다리는 문서를 줄이는 것은 작지만 확실한 이득입니다. 파서는 제거된 공백을 어차피 무시하므로, 기능에 지장 없이 10~30%의 크기 감소를 기대할 수 있습니다.
압축된 HTML이 특히 유용한 곳은 이메일 템플릿(일부 메일 클라이언트는 메시지 크기를 제한하고 초과분을 잘라냅니다), 요청마다 서버에서 생성되는 페이지, 수백만 번 제공되는 임베드 위젯, 모든 페이지가 전체 마크업을 전송하는 정적 사이트입니다. 들여쓰기가 넉넉한 수작업 HTML은 이미 컴팩트한 경우가 많은 프레임워크 출력보다 훨씬 큰 효과를 봅니다.
공백 관련 주의: HTML에는 공백이 서식이 아니라 내용인 요소가 두 가지 있습니다. <pre>와 <textarea>입니다. 이 도구는 태그 사이의 공백을 문서 전체에서 합치므로, 미리 서식이 지정된 블록을 사용한다면 배포하기 전에 결과를 확인하세요. 정리 모드는 압축되었거나 흐트러진 코드를 다시 들여쓰기해 주어, 물려받은 페이지를 살펴볼 때 유용합니다. 문서에 인라인 스타일이나 스크립트가 있다면 CSS 압축 도구와 JS 압축 도구로 따로 처리해 더 많이 줄이세요.