HTML 압축기

HTML 코드를 아래에 붙여넣어 압축하고 경량화하세요.

원본 HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example HTML</title>
    <style type="text/css">
      /* This is a sample CSS comment */
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 20px;
        background-color: #f4f4f4;
      }
      .container {
        max-width: 800px;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
    </style>
  </head>
  <body>
    <div class="container">
      
      <h1>HTML Compression Example</h1>
      <p>This is a sample HTML document to demonstrate the HTML compressor.</p>
      <ul>
        <li>Removes comments</li>
        <li>Collapses whitespace</li>
        <li>Removes optional tags</li>
      </ul>
      <button onclick="showMessage()" type="button">Click Me</button>
    </div>

압축된 HTML

압축 옵션

HTML 주석 제거선택적 HTML 태그 제거빈 속성 제거불필요한 공백 제거불리언 속성 축소<style> 태그 및 스타일 속성의 CSS 경량화 (실험적)<script> 태그의 JavaScript 경량화 (실험적)

HTML 압축기 사용 방법

1
HTML 붙여넣기
페이지 소스나 HTML 조각을 Original HTML 입력란에 복사해 넣으세요.
2
제거할 항목 선택
주석 제거, 공백 축소, 빈 속성 제거, 인라인 CSS 및 JavaScript 압축처럼 원하는 압축 옵션을 선택하세요.
3
코드 압축
Compress HTML을 클릭해 마크업을 압축하고 원본 크기, 압축 크기, 절감 비율을 확인하세요.

4
압축된 HTML 복사
Copy Compressed HTML을 사용해 최적화된 코드를 사이트나 빌드 파이프라인용으로 가져오세요.

자주 묻는 질문

HTML 압축기는 무엇을 제거하나요?

켠 옵션에 따라 HTML 주석을 제거하고, 불필요한 공백과 줄바꿈을 축소하며, 빈 속성과 선택적 속성을 제거하고, 불리언 속성을 축약하며, 선택적 닫는 태그를 제거해 파일 크기를 줄입니다.

인라인 CSS와 JavaScript도 압축할 수 있나요?

네. <style> 태그와 style 속성 안의 CSS, 그리고 <script> 태그 안의 JavaScript를 압축하는 실험적 옵션이 있어, 한 번에 전체 페이지를 압축할 수 있습니다.

파일이 얼마나 작아지나요?

마크업에 공백과 주석이 얼마나 많은지에 따라 다르지만, 도구가 정확한 원본 크기, 압축 크기, 절감 비율을 보여 주므로 해당 파일에서 절약된 바이트를 확인할 수 있습니다.

압축하면 페이지가 깨지나요?

표준 공백 및 주석 제거는 잘 구성된 HTML에 안전합니다. CSS와 JS 압축 옵션은 실험적으로 표시되어 있으므로, 특히 스크립트가 특정 서식이나 주석에 의존한다면 결과를 테스트하는 것이 좋습니다.

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

아니요. 압축이 브라우저 안에서 전부 이루어지므로 코드가 기기에 남아 있습니다. 이 도구는 무료이고 가입이 필요 없으며 모바일에서도 작동합니다.

HTML 압축기

HTML 압축기 사용 방법

자주 묻는 질문

관련 도구