lobsite! 로그인 회원가입

무료 도구 /

HTML 압축기

주석과 불필요한 공백을 제거해 HTML을 압축하고, 인라인 CSS와 JavaScript도 압축합니다. 절약한 바이트 수를 확인하세요. 브라우저에서 무료로 사용할 수 있습니다.

HTML 포매터 →
압축됨
무료이며 계정이 필요 없습니다. 6시간 동안 공개되며, 유지하면 영구적으로 공개됩니다.

사용 방법

  1. HTML을 붙여 넣거나, .html 파일을 열거나, 샘플로 시작하세요.
  2. 입력하는 대로 압축된 HTML이 전후 크기와 함께 표시됩니다.
  3. 복사하거나 다운로드하거나, 이 페이지 게시를 눌러 온라인에 공개하세요.

제거되는 것

  • 주석과 태그 사이의 공백(인라인 요소 사이에 표시될 수 있는 곳에는 공백 한 칸을 유지합니다).
  • 스크립트의 type="text/javascript", 스타일의 type="text/css"처럼 기본값을 반복할 뿐인 속성.
  • 긴 doctype은 <!doctype html>로 대체됩니다.
  • 인라인 <style>과 <script>의 내용은 CSS와 JavaScript로 압축됩니다.

<pre>와 <textarea>는 공백을 유지하므로 페이지 모양과 동작은 같습니다.

효과가 있나요?

Lobsite를 포함한 대부분의 호스트는 이미 브라우저로 보내는 과정에서 gzip이나 Brotli로 페이지를 압축하며, 반복되는 공백을 아주 잘 줄입니다. 그 전에 압축하면 보통 5~15%를 더 줄일 수 있습니다. 큰 페이지, 인라인 CSS와 JavaScript가 많은 페이지, 아무것도 압축되지 않는 이메일 속 HTML에서 가장 효과가 큽니다.

자주 묻는 질문

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

설정은 보수적입니다. 표시될 수 있는 공백은 한 칸으로 유지하고, 선택적인 닫는 태그와 속성 따옴표는 그대로 둡니다. 구문 오류가 있는 인라인 JavaScript는 그대로 남깁니다. 배포 전에 HTML 뷰어에서 결과를 확인하세요.

변경할 때마다 직접 압축해야 하나요?

한 페이지라면 여기서 금방 할 수 있습니다. 자주 편집하는 사이트는 빌드 도구에 맡기고(Vite, Astro 및 대부분의 생성기가 지원합니다) 읽기 쉬운 버전을 소스로 보관하세요.

어떤 압축기를 사용하나요?

html-minifier-terser를 사용하며, 인라인 JavaScript에는 Terser를 사용합니다. 처음 압축할 때 로드된 후 브라우저에서 실행됩니다.

HTML이 업로드되나요?

아니요. 압축은 브라우저에서 이루어지며, 이 페이지 게시를 누를 때만 Lobsite로 전송됩니다.