🗜️ HTML 압축 (Minify)
태그 사이 공백과 주석을 제거해 HTML을 한 줄로 압축하고 절감된 용량을 표시합니다.
사용 방법
- HTML 코드를 입력창에 붙여넣습니다.
- 압축된 코드와 용량 절감률이 즉시 표시됩니다.
- '주석 제거' 옵션으로 <!-- --> 처리 여부를 정합니다.
- 결과를 복사해 배포 파일에 적용합니다.
이럴 때 유용해요
- 이메일 템플릿·배너 HTML의 용량을 줄여야 할 때
- 빌드 도구 없이 정적 페이지를 수동으로 경량화할 때
- 블로그 스킨 코드에서 지저분한 공백을 정리할 때
알아두면 좋은 팁
- <pre>, <textarea> 안의 공백은 화면 표시에 영향을 주므로 이런 태그가 있는 코드는 압축 후 화면을 꼭 확인하세요.
- <!--[if IE]> 같은 조건부 주석은 보존됩니다. 일반 주석만 제거 대상입니다.
- 인라인 <script>·<style> 내부는 건드리지 않습니다. JS·CSS는 전용 압축 도구를 사용하세요.
자주 묻는 질문
HTML 압축으로 얼마나 빨라지나요?
들여쓰기가 많은 문서는 보통 10~25% 용량이 줄어듭니다. gzip 전송을 쓰는 서버라면 체감 차이는 작지만, 이메일 HTML처럼 원본 크기 제한이 있는 환경에서는 효과가 큽니다.
압축하면 화면이 달라질 수 있나요?
인라인 요소(span, a 등) 사이의 공백이 사라지면 단어 붙음이 생길 수 있어, 이 도구는 태그 사이 공백을 완전히 제거하는 방식이므로 압축 후 렌더링 확인을 권장합니다. 문제가 있으면 해당 부분만 원본을 유지하세요.
자바스크립트와 CSS도 같이 압축되나요?
아니요. script·style 태그 내부 코드는 문법이 달라 손대지 않습니다. CSS는 'CSS 압축기' 도구를, JS는 terser 같은 전용 빌드 도구를 사용하는 것이 안전합니다.
압축한 코드를 다시 원래대로 되돌릴 수 있나요?
줄바꿈·들여쓰기 정보는 제거되면 복원할 수 없습니다. 원본은 따로 보관하고, 압축본은 배포용으로만 사용하세요.
