이 도구는 공백을 보수적으로 처리합니다. 마크업을 줄이되 인접한 인라인 콘텐츠 사이에 공백이 필요할 수 있는 곳에는 한 칸을 남깁니다. 조건부 주석, 서버 사이드 include, Knockout 주석도 유지됩니다. 입력한 HTML은 기기 밖으로 전송되지 않습니다.
무료 HTML Minifier
브라우저에서 바로 실행됩니다. 업로드도, 회원가입도 없습니다.
HTML 입력
축소된 HTML
HTML을 붙여 넣으면 축소 결과를 볼 수 있습니다
HTML Minifier는 무엇을 하나요?
HTML Minifier는 브라우저에 필요 없는 일반 주석, 들여쓰기, 줄바꿈, 중복 공백을 제거해 마크업을 압축합니다. 문서나 조각을 붙여 넣으면 축소된 HTML과 정확한 바이트 절감량을 바로 확인할 수 있습니다. script, style, 서식 지정 영역, textarea 내용은 그대로 유지되며 모든 처리는 브라우저 안에서 실행됩니다.
사용 방법
- 1HTML 붙여 넣기. 전체 문서나 HTML 조각을 입력 편집기에 붙여 넣거나 예제를 불러오세요.
- 2주석 처리 방식 선택. 가장 작은 결과가 필요하면 주석 제거를 켜 두세요. 검토 메모를 남겨야 한다면 끌 수 있습니다.
- 3절감량 확인. 축소 전후의 UTF-8 바이트 크기, 절감 비율, 줄 수와 주석 제거 수를 확인하세요.
- 4결과 복사. 축소된 HTML을 빌드 결과물, CMS 또는 로컬 프로젝트에 복사하세요. 나중에 편집할 수 있도록 읽기 쉬운 원본은 보관하세요.
이런 분께 추천
- 프런트엔드 개발자가 정적 페이지, 컴포넌트 데모, 이메일 템플릿의 더 작은 배포용 사본을 만들 때 사용할 수 있습니다.
- 성능 담당자가 서식과 개발용 주석이 압축 전 HTML에 몇 바이트를 더하는지 측정할 수 있습니다.
- CMS 편집자가 내보낸 페이지 조각을 템플릿이나 콘텐츠 블록에 넣기 전에 줄일 수 있습니다.
- 학생이 읽기 쉬운 원본 마크업과 브라우저가 해석하는 축소 형식을 비교할 수 있습니다.
자주 묻는 질문
이 HTML Minifier는 무료인가요?
네. 계정, 다운로드, 사용량 제한 없이 무료로 사용할 수 있습니다. 마크업을 붙여 넣고 실시간 결과를 확인한 뒤 브라우저에서 바로 복사하면 됩니다.
입력한 HTML이 서버로 업로드되나요?
아니요. 축소와 바이트 계산은 브라우저에서 로컬로 실행됩니다. 붙여 넣은 HTML은 서버로 전송되지 않으므로 공개 전 템플릿, 내부 링크, 비공개 페이지 조각도 자신의 기기에서 처리할 수 있습니다.
HTML을 얼마나 많이 축소할 수 있나요?
입력 내용을 업로드하지 않으므로 서버 측 크기 제한은 없습니다. 실제 한도는 브라우저 메모리와 기기에 따라 달라지지만 일반적인 페이지, 템플릿, 이메일 문서는 바로 갱신됩니다.
script나 style 내용도 바뀌나요?
아니요. script와 style 요소 안의 내용은 바이트 단위로 그대로 보존됩니다. 공백과 줄바꿈이 의미를 가질 수 있는 서식 지정 영역과 textarea도 같은 방식으로 보호합니다. 포함된 CSS나 JavaScript까지 압축하려면 전용 도구를 사용하세요.
어떤 HTML 주석이 제거되나요?
주석 제거를 켜면 일반 개발 주석이 삭제됩니다. 동작이 바뀔 수 있는 Internet Explorer 조건부 주석, 서버 사이드 include 지시문, Knockout 바인딩 주석은 결과에 남습니다. 옵션을 끄면 모든 주석을 유지할 수 있습니다.
HTML 압축으로 페이지 모양이 달라질 수 있나요?
공백을 과하게 지우면 단어가 붙거나 공백에 민감한 내용이 달라질 수 있습니다. 이 도구는 불필요한 공백만 줄이고 가능한 인라인 구분자를 남기며 원시 또는 서식 지정 블록을 보존합니다. 축소 후에는 실제 배포 페이지를 확인하세요.
나중에 원래 서식을 복원할 수 있나요?
포매터로 축소된 HTML에 읽기 쉬운 들여쓰기를 추가할 수는 있지만 삭제된 주석이나 정확한 원래 줄바꿈은 되살릴 수 없습니다. 읽기 쉬운 원본 파일은 버전 관리에 보관하고 축소 결과는 빌드 결과물로 다루세요.