코드 정리·압축기
HTML·CSS·자바스크립트·XML을 보기 좋게 정리(beautify)하거나 압축(minify)합니다. 들여쓰기를 고르고, 한 줄로 뭉친 코드도 예쁘게. 업로드 없이 브라우저에서.
HTML·XML 압축은 태그 사이 공백을 줄입니다. <pre>·<textarea> 안의 공백이 중요한 경우 주의하세요.
🔒 입력한 코드는 브라우저를 벗어나지 않습니다. 모든 처리는 이 기기에서 이뤄집니다.
정리(beautify)로 읽기 좋게
압축되어 한 줄로 붙어 있거나 들여쓰기가 엉망인 코드를 붙여넣고 “정리”를 누르면, 선택한 들여쓰기(스페이스 2칸·4칸·탭)에 맞춰 줄을 나눠 깔끔하게 정렬합니다. HTML, CSS, 자바스크립트, XML을 탭으로 골라 각각 처리할 수 있습니다.
압축(minify)으로 용량 줄이기
“압축”을 누르면 불필요한 공백과 주석을 제거해 용량을 줄입니다. 자바스크립트는 널리 쓰이는 Terser로 안전하게 압축하고, CSS·HTML·XML은 공백을 줄이는 방식으로 처리합니다. 압축 전후 글자 수와 줄어든 비율도 함께 보여 드립니다.
업로드 없이, 안전하게
모든 처리는 여러분 브라우저 안에서 이뤄지며 코드가 서버로 전송되지 않습니다. 사내 코드나 민감한 스크립트도 안심하고 정리할 수 있고, 결과는 복사하거나 파일로 저장할 수 있습니다.
JSON도 정리하고 싶다면
JSON 서식 정리·검증은 JSON 포맷터를, YAML과 JSON 사이 변환은 YAML ↔ JSON 변환기를, SQL 정렬은 SQL 포맷터를 이용하세요. 모두 업로드 없이 브라우저에서 동작합니다.
자주 묻는 질문
어떤 언어를 지원하나요?
HTML, CSS, 자바스크립트, XML을 지원합니다. 네 가지 모두 보기 좋게 정리(beautify)할 수 있고, 자바스크립트는 Terser로, 나머지는 안전한 공백 제거 방식으로 압축(minify)합니다.
한 줄로 뭉친 코드를 정리할 수 있나요?
네. 압축되어 한 줄로 붙어 있는 코드를 붙여넣고 “정리”를 누르면, 선택한 들여쓰기(2칸·4칸·탭)로 줄을 나눠 읽기 좋게 만들어 줍니다.
내 코드가 서버로 올라가나요?
아니요. 모든 정리·압축은 여러분의 브라우저 안에서 처리되며 코드가 서버로 전송되지 않습니다. 결과는 복사하거나 파일로 저장할 수 있습니다.
HTML 압축이 화면을 깨뜨리지 않나요?
HTML·XML 압축은 태그 사이 공백을 줄입니다. 대부분 안전하지만 <pre>나 <textarea>처럼 공백이 의미 있는 경우에는 주의하세요.