HTML 정리·압축

HTML 정리·압축

로컬 처리

HTML을 들여쓰기로 정리하거나 공백·주석을 줄여 압축합니다

사용 방법과 처리 기준

HTML을 들여쓰기로 정리하거나 공백·주석을 줄여 압축합니다

도구의 계산과 파일 처리는 브라우저 안에서 이루어집니다. 계산기·단위 변환의 공유 링크를 직접 만들면 값이 URL에 포함됩니다. 계정·방문 통계·광고 관련 정보 처리는 개인정보처리방침을 확인하세요.

현재 제한

  • 최대 입력 길이 100,000자

"작업"에서 정리 또는 압축을 고릅니다. 한 줄로 붙은 HTML 구조를 파악하거나, 이메일·위젯에 넣을 HTML 크기를 줄일 때 씁니다.

이 도구로 할 수 있는 일

정리
태그마다 줄을 나누고 깊이대로 들여씁니다.
압축
태그 사이 공백과 <!-- --> 주석을 지웁니다.

HTML 정리·압축 사용 방법

  1. 1
    작업 고르기정리 또는 압축을 고릅니다.
  2. 2
    HTML 붙여 넣기HTML을 붙여 넣습니다.
  3. 3
    결과 복사결과를 복사합니다.

활용 예시

정리
입력: <div><p>안녕</p><ul><li>하나</li></ul></div>
결과: <div> <p> 안녕 </p> <ul> <li> 하나 </li> </ul> </div>
압축
입력: <div> <!-- 메모 --> <p>안녕</p> </div>
결과: <div><p>안녕</p></div>

이럴 때 유용해요

  • 복사해 온 HTML 구조를 파악할 때
  • 이메일 템플릿·임베드 코드 크기를 줄일 때

자주 묻는 질문 (FAQ)

정리하면 화면 모양이 바뀔 수 있나요?

글자와 태그 사이에 줄바꿈이 들어가 <span>·<a> 같은 인라인 요소 사이에 공백이 생길 수 있습니다. 배포용은 원본이나 압축본을 쓰세요.

이 도구에 바라는 점이 있나요? 제안 및 문의하기 →