HTML 축소기
브라우저에서 HTML 코드를 즉시 축소하고 압축하세요. 주석을 제거하고, 공백을 축소하고, 파일 크기를 줄이세요. 무료이며 비공개입니다.
여기에 HTML 파일을 드래그 앤 드롭하세요.
.html 및 .htm 파일을 지원합니다. 또는 위에 HTML을 붙여넣으세요.
브라우저에서 HTML 코드를 즉시 축소하고 압축하세요. 주석을 제거하고, 공백을 축소하고, 파일 크기를 줄이세요. 무료이며 비공개입니다.
.html 및 .htm 파일을 지원합니다. 또는 위에 HTML을 붙여넣으세요.
HTML 축소는 웹페이지 소스에서 불필요한 문자(태그 사이의 공백, 주석, 중복된 따옴표, 선택적인 닫는 태그)를 제거하여 페이지 렌더링 방식을 변경하지 않고 파일 크기를 줄입니다. 페이지당 절감 효과는 보통 10~30%이지만, 특히 정적 사이트나 동적 압축 없이 제공되는 페이지의 경우 많은 요청에 걸쳐 복합적으로 절감됩니다.
이 축소기는 블록 수준 요소 사이의 공백을 제거하고, 중요하지 않은 텍스트 내의 공백을 축소하고, HTML 주석(IE 조건부 주석 제외)을 제거하고, HTML5 사양에서 허용하는 중복 속성 인용문을 제거하고, 사양에서 허용하는 선택적 닫는 태그(</p>, </li>)를 제거합니다. 결과는 모든 브라우저의 소스와 동일하게 렌더링됩니다.
축소는 서버 수준에서 gzip 또는 Brotli 압축과 함께 사용할 때 가장 유용합니다. 압축은 이미 축소로 인해 발생하는 절감 효과의 대부분을 제거하지만 두 가지를 결합한 경우 특히 대역폭 비용이 중요한 트래픽이 많은 사이트의 경우 여전히 압축보다 낫습니다.
특히 느린 연결 및 모바일 네트워크에서는 작은 HTML이 더 빠르게 로드됩니다. 페이지 무게는 핵심 웹 바이탈에 직접적인 영향을 미칩니다. 콘텐츠가 포함된 최대 페인트와 첫 번째 바이트까지의 시간은 모두 서버가 구문 분석을 위해 더 적은 HTML을 반환할 때 향상됩니다. SEO 순위가 Core Web Vitals 점수에 따라 달라지는 사이트의 경우 축소는 측정 가능한 개선입니다.
또한 축소된 HTML은 대규모로 대역폭 비용을 줄여줍니다. 페이지당 10KB를 절약하여 하루에 백만 페이지를 제공하는 사이트는 매일 10GB의 송신을 절약합니다. 데이터 전송을 기준으로 요금을 청구하는 CDN에서 제공되는 정적 사이트에 대한 영향 복합입니다.
HTML을 붙여넣고 축소된 버전을 받으세요.
축소기는 HTML 토큰을 토큰별로 처리합니다. 블록 수준 요소(<div>, <p>, <ul>) 사이의 공백은 렌더링에 영향을 주지 않으므로 제거됩니다. 인라인 컨텍스트(<span>, <a>, 텍스트 콘텐츠) 내부의 공백은 렌더링에 영향을 미칠 수 있으므로 보존됩니다.
주석은 기본적으로 제거되지만 조건부 주석(<!--[if IE]>)은 유지됩니다. HTML5 파서가 허용하는 경우 속성 따옴표가 제거됩니다. 공백이나 특수 문자가 없는 단일 단어 속성 값은 따옴표를 생략할 수 있습니다.
선택적인 닫는 태그는 HTML5 사양에 따라 생략됩니다: </p>, </li>, </td>. 그리고 닫는 것을 암시하는 형제가 뒤에 올 때 몇 가지 다른 태그를 생략할 수 있습니다. 이는 읽기에는 드물지만 브라우저가 동일하게 구문 분석하는 유효한 HTML5입니다.