PixoateHTML 정리 및 압축 - HTML을 온라인에서 무료로 포맷
지저분한 HTML을 적절한 들여쓰기로 정리하거나 한 줄로 압축하세요. .html 파일을 끌어다 놓거나 붙여넣은 후 정리된 마크업을 복사하거나 다운로드하세요.
여기에 HTML을 붙여넣으세요…
또는 .html 파일을 끌어다 놓으세요
HTML 정리를 끝내셨나요? 다음 도구도 사용해 보세요
HTML 정리와 잘 어울리는 엄선된 도구들입니다. 파일을 잃지 않고 작업을 이어가세요.
JSON 정리
브라우저에서 JSON을 포맷하고, 검증하고, 압축하세요. 2 / 4 / 8칸 들여쓰기로 보기 좋게 정리하거나 한 줄로 압축하고, 복사 및 다운로드할 수 있습니다.
지금 사용해 보기Markdown 편집기
실시간 HTML 미리 보기와 함께 Markdown을 작성하세요. 제목, 목록, 표, 코드 블록, 인용문을 지원합니다. HTML 또는 Markdown으로 내보내세요.
지금 사용해 보기Diff Checker
두 개의 텍스트 조각을 줄 단위로 비교하세요. 분할 또는 통합 보기, 선택적 공백 무시 및 대소문자 무시 기능을 제공합니다.
지금 사용해 보기이미지-HTML
스크린샷을 실제 <table> 요소와 구조화된 마크업이 포함된 깔끔한 HTML로 변환하세요.
지금 사용해 보기PDF를 HTML로
PDF를 실제 <table> 요소가 담긴 시맨틱 HTML로 변환하세요. 스캔된 PDF에도 작동합니다.
지금 사용해 보기Base64 인코더 / 디코더
텍스트나 파일을 Base64(URL-safe 변형 포함)로 인코딩하거나 Base64를 다시 텍스트로 디코딩하세요. UTF-8을 안전하게 지원합니다.
지금 사용해 보기Frequently Asked Questions
어떤 HTML이든, 심지어 빌드 파이프라인에서 나온 한 줄짜리 압축 출력물이라도 붙여넣으면 도구가 적절한 들여쓰기, 한 줄에 태그 하나, 일관된 공백으로 다시 서식을 지정합니다. 2, 4 또는 8칸 들여쓰기를 선택하세요. 출력물은 편집기에 바로 넣거나 코드 리뷰 댓글에 붙여넣을 수 있습니다.
usage정렬 모드는 가독성을 위해 HTML을 펼칩니다. 태그를 각각의 줄에 배치하고, 중첩된 하위 요소를 들여쓰며, 섹션 사이의 빈 줄을 유지합니다. 압축 모드는 주석을 제거하고 연속된 공백을 줄이며 줄바꿈을 없애 파일을 더 적은 용량으로 만듭니다. 편집과 검토에는 정렬을, 프로덕션 배포에는 압축을 사용하세요.
features아니요 — 내부 엔진인 js-beautify는 스크립트와 스타일 블록을 감지해 적절한 JS 또는 CSS 규칙으로 내용을 포맷하므로, 인라인 스크립트는 유효하게 유지되고 스타일시트는 가독성이 유지됩니다. 자체 닫기 태그, 빈 요소, 네임스페이스 속성(svg:xmlns, xlink:href)도 모두 올바르게 처리됩니다.
technical이 도구는 일반 HTML과 HTML 유사 템플릿을 잘 처리하지만, 순수 JSX(중괄호 표현식, 프래그먼트, 대문자로 시작하는 컴포넌트 태그)는 HTML로 파싱되어 사소한 외형상의 문제가 생길 수 있습니다. 프레임워크 전용 코드에는 사용하는 방언에 맞게 설정된 Prettier를 권장합니다. 순수 HTML, .htm, 템플릿 파일에는 저희 도구가 완벽합니다.
features업로드가 전혀 발생하지 않습니다. 포매터는 js-beautify를 사용해 전적으로 브라우저에서 실행되므로, 내부 페이지 템플릿, 작성 중인 이메일, 개인 데이터가 포함된 HTML을 기기 밖으로 내보내지 않고 안전하게 붙여넣을 수 있습니다.
privacy압축은 HTML 주석을 제거하고, 태그 사이의 연속된 공백을 하나의 공백으로 줄이며, 줄 바꿈을 없앱니다. 그 결과 렌더링은 동일하면서도 일반적으로 10~30% 더 작은 HTML이 만들어집니다. 서버의 gzip과 결합하면 콘텐츠가 많은 페이지의 초기 페이지 용량이 눈에 띄게 줄어듭니다.
technical예 — 다운로드를 클릭하면 정리된 결과물을 output.html로, 압축된 결과물을 output.min.html로 저장할 수 있습니다. 파일은 UTF-8로 인코딩되어 있어 영어, 키릴 문자, CJK, 오른쪽에서 왼쪽으로 쓰는 콘텐츠 모두에서 똑같이 잘 작동합니다.
tips이것은 브라우저에서만 작동하는 작은 유틸리티로, 호스팅 비용이 전혀 들지 않아 개발자 툴킷의 일부로 무료로 제공합니다. 광고도, 출력물에 대한 추적도 없으며, 브라우저가 메모리에 담을 수 있는 범위 외에는 파일 크기 제한도 없습니다.
pricingHow HTML Prettify helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
이메일 템플릿 정리
마케팅 이메일 HTML은 ESP에서 흔히 압축된 단일 덩어리로 전달됩니다. 보기 좋게 정리해 구조를 살펴보고, 깨진 테이블 열을 찾아내며, 다음 발송 전에 오타를 수정하세요.
CMS 콘텐츠 마이그레이션
한 CMS에서 내보내 다른 CMS로 가져올 때는 보통 HTML 이동이 따라옵니다. 정리(prettify)는 변경 내역을 보기 쉽게 만들고 압축(minify)은 용량을 줄여 주며, 두 방식 모두 콘텐츠를 그대로 보존합니다.
웹 스크래핑 결과물
웹사이트에서 스크래핑한 원본 HTML은 포맷팅하지 않으면 읽기 어렵습니다. 결과물을 정렬해 필요한 CSS 선택자를 찾은 뒤, 스크래퍼용 추출 규칙을 작성하세요.
정적 사이트 최적화
정적 사이트 생성기로 만든 HTML을 배포 전에 압축하세요. gzip에 더해 파일 크기를 10~30% 줄여 콘텐츠가 많은 페이지의 첫 화면 표시 시간을 눈에 띄게 개선합니다.
문서 조각
문서, 블로그 게시물, README 파일에 HTML 예제를 붙여넣을 때는 독자가 구조를 따라갈 수 있도록 먼저 정렬하세요. 압축된 버전은 "프로덕션 출력" 비교용으로 저장해 두세요.
JSX 리팩터링 도우미
HTML 코드를 JSX로 변환하기 전에 정리하면, 변환 스크립트가 깔끔한 트리를 인식할 수 있습니다. React/Vue 마이그레이션에서 수동으로 다시 정리하는 수고를 덜어줍니다.