입력을 붙여넣기
CSS, HTML, JSON 등을 편집기에 넣으세요. 업로드되지 않습니다.
HTML 압축 도구
HTML 압축.
사용 방법
붙여넣기, 실행, 확인, 복사 — 네 단계. 모든 작업은 브라우저에서 이뤄집니다.
도구 실행
변환 또는 실행을 누르세요. 결과가 바로 나타납니다.
출력 확인
생성된 코드와 노트를 사용 전에 확인하세요.
복사해서 사용
결과를 복사해 프로젝트에 붙여넣으세요.
이 도구 소개
HTML에서 남는 공백과 줄바꿈을 제거해 스니펫을 작게 만들거나 용량을 빠르게 비교할 수 있습니다. pre 블록과 인라인 JavaScript에서는 공백이 의미를 가지므로 주의하고, 사이트 전체는 빌드 단계에서 압축하세요.
예제
예제는 들여쓰기된 카드로, 한 줄로 줄어듭니다.
입력
<div class="card">
<h2>Title</h2>
<p>Body copy</p>
</div>출력
<div class="card"><h2>Title</h2><p>Body copy</p></div>팁
사이트 전체 압축은 각 태그의 문맥을 아는 빌드 도구에 맡기는 편이 안전합니다.