HTML 압축기

이 도구는 널리 쓰이는 오픈 소스 HTML 최소화 라이브러리인 html-minifier-terser를 CSS용 clean-css, JavaScript용 Terser와 함께 사용합니다. 두 수준 모두 단어 사이의 공백과 <b>, <a> 같은 인라인 태그 사이의 공백을 유지합니다. 완전한 페이지에서는 최대 수준이 더 많이 줄여 줍니다.

XHTML: .xhtml 파일을 열거나 HTML이 <?xml version="1.0"?> 같은 XML 선언으로 시작하면, 두 수준 모두 생략 가능한 태그, 속성 값을 감싸는 따옴표, checked="checked" 같은 불리언 속성, 닫는 슬래시를 유지하고 JavaScript는 최소화하지 않습니다. 따라서 결과를 여전히 XML로 읽을 수 있습니다.

옵션

• 주석 제거(기본값: 켜짐): 일반 주석을 제거합니다. <!--!로 시작하는 주석(라이선스 고지 등), 서버 사이드 인클루드(SSI) 주석, Internet Explorer 조건부 주석은 유지됩니다.
• CSS 최소화(기본값: 켜짐): <style> 요소와 style 속성의 CSS를 짧게 만듭니다. @import는 그대로 남고 아무것도 다운로드하지 않습니다.
• JavaScript 최소화(기본값: 켜짐): 인라인 스크립트와 onclick 같은 이벤트 속성을 짧게 만듭니다. 지역 변수 이름은 짧아지고, 전역 이름은 그대로 남으며, /*! ... */ 형식의 라이선스 주석은 유지됩니다. JSON-LD 같은 구조화된 데이터의 내용은 최소화하지 않습니다.

절대 바뀌지 않는 것

• <pre>와 <textarea> 안의 텍스트. 이곳에서는 공백과 줄바꿈이 페이지에 그대로 보입니다.
•  , &, é 같은 문자 참조.
• PHP(<?php ... ?>) 블록과 ASP 스타일(<% ... %>) 블록, 그리고 두 개의 <!-- htmlmin:ignore --> 주석 사이에 있는 모든 내용.
• doctype, <a name> 앵커, 입력란의 type="text", SVG 안의 대소문자와 닫는 슬래시.

표시될 수 있는 안내

• 스크립트를 읽을 수 없음: 그 자체로는 유효한 JavaScript가 아닌 인라인 스크립트나 이벤트 속성은 최소화하지 않고 그대로 두며, 오류의 줄과 열을 표시합니다. 페이지의 나머지 부분은 그대로 최소화됩니다.
• CSS 블록을 읽을 수 없음: 해당 CSS는 최소화하지 않고 그대로 둡니다.
• UTF-8이 아닌 문자 집합: 다운로드 파일은 항상 UTF-8로 저장되므로, 페이지의 <meta charset>을 UTF-8로 바꾸거나 결과를 복사해 직접 만든 파일에 붙여넣으세요.
• 절감 없음: 이 옵션으로는 HTML을 더 이상 줄일 수 없습니다.

<script> 또는 <style> 요소가 닫히지 않으면 아무것도 최소화되지 않으며, 그 요소가 시작하는 줄과 열이 표시됩니다. 어떤 수준을 쓰든 게시하기 전에 최소화된 페이지를 열어 직접 둘러보세요.