MakerBox

HTML 압축기

HTML 용량을 줄여 줍니다 — 주석을 제거하고 공백을 축소하면서 pre·script·style 블록과 조건부 주석은 그대로 보존합니다. 100% 브라우저에서 실행되며 업로드되지 않습니다.

조건부 <!--[if]--> 주석과 중요 <!--! 주석, 그리고 <pre>·<textarea>·<script>·<style> 안의 내용은 항상 그대로 보존됩니다.

압축된 HTML
<!DOCTYPE html><html lang="ko"><head><title>내 페이지</title><style>
      .btn { color: #fff; }
    </style></head><body><h1>안녕, 세상</h1><p>이것은 <b>예시</b> 문단입니다.</p><pre>  여기   공백은
    그대로  </pre></body></html>

331 → 257 바이트 (22% 절감)

🔒 브라우저에서 처리되며 업로드되지 않습니다.

이 HTML 압축기의 기능

마크업을 붙여넣으면 배포에 바로 쓸 수 있는 간결한 버전을 돌려줍니다. <!-- --> 주석을 제거하고, 태그 사이와 태그 안의 연속된 공백·탭·줄바꿈을 한 칸으로 합치며, 블록 요소 사이의 공백만 있는 간격을 없애고 문서 앞뒤 공백을 다듬습니다. 입력하는 즉시 결과가 갱신되고 절감된 바이트 수가 표시되어 결과를 곧바로 빌드에 넣을 수 있습니다. 공백 축소와 주석 제거는 각각 따로 켜고 끌 수 있습니다.

안전하고 예측 가능한 압축

이 압축기는 의도적으로 보수적으로 동작하며 태그나 속성을 절대 다시 쓰지 않습니다. <pre>·<textarea>·<script>·<style> 안의 내용은 그대로 보존하고, 조건부 <!--[if IE]> 주석과 중요 <!--! 표기는 유지하며, 따옴표로 감싼 속성값 안의 >가 태그를 쪼개지 않습니다. 인라인 요소 주위의 의미 있는 공백 한 칸은 보존되어 문장이 서로 붙지 않습니다. 같은 입력은 항상 같은 결과를 내며 서버를 거치지 않습니다. CSS 압축기·HTML 포맷터·JSON 포맷터와 함께 쓰면 좋습니다.

자주 묻는 질문

제 HTML이 서버로 업로드되나요?

아니요. 모든 압축은 브라우저 안에서 JavaScript로 처리됩니다. 마크업이 전송·저장·업로드되지 않으므로 공개 전이거나 비공개인 페이지도 안전하게 유지됩니다.

압축하면 페이지 렌더링이 깨지나요?

아니요. 이 도구는 주석과 불필요한 공백만 제거하고 태그나 속성은 건드리지 않습니다. pre·textarea·script·style 안의 내용을 보존하고, 인라인 요소 주위의 의미 있는 공백을 유지하며, 따옴표로 감싼 속성값을 그대로 두므로 렌더링 결과가 동일합니다.

페이지 안의 CSS와 JavaScript도 압축하나요?

아니요. style과 script 블록 안의 내용은 작성된 그대로 보존됩니다. 그 부분을 줄이려면 전용 CSS·JavaScript 압축기를 사용하세요. 이 도구는 그 주변의 HTML에 집중하며 코드를 안전하게 지킵니다.