HTML / CSS / JS 미니파이어
소스 코드를 붙여넣고 HTML/CSS/JS를 고르면 불필요한 공백과 (선택적으로) 주석을 제거해 한 줄로 압축한 결과와 함께 압축 전후 바이트 크기·절감률을 보여 줍니다. 정규식 기반이라 빠르고 오프라인, 라이브러리 불필요. 인라인 스니펫과 마지막 크기 다듬기에 적합. 빌드 파이프라인엔 terser나 esbuild 같은 전용 미니파이어를 쓰세요.
—
원본
234 B
압축
161 B
절감
31.2%
압축
<!doctype html><html lang="en"><head><title>Sample Page</title></head><body><h1>Hello, world!</h1><p> This is a paragraph with multiple lines. </p></body></html>
사용법
- 소스 코드를 붙여넣으세요.
- 언어(HTML/CSS/JS)를 고르세요.
- 주석 제거 여부를 토글하세요.
- 압축 결과를 복사하세요.
자주 묻는 질문
- 프로덕션에 안전한가요?
- 작은 CSS·HTML엔 OK — 규칙이 보수적입니다. JavaScript는 변수 이름 변경·상수 폴딩·죽은 코드 제거를 안 하니, 빌드엔 terser/esbuild 같은 도구를 권장합니다.
- JS가 더 압축되지 않아요
- 진짜 JS 압축은 AST 기반 도구가 필요합니다. 이 미니파이어는 공백·주석만 제거 — 손으로 쓴 스니펫엔 충분하지만 terser 수준은 아닙니다.
- <pre>·<textarea> 안의 HTML이 깨지나요?
- 그럴 수 있습니다 — 그 안의 공백은 의미가 있어요. 이런 요소가 든 HTML엔 미니파이어를 안 돌리거나 내용을 임시값으로 바꿨다 복원하세요.
- CSS 주석이 중요한가요?
- 라이선스 헤더 같은 /*! 주석은 전문 미니파이어가 보존합니다. 이 도구는 '주석 제거'가 켜 있으면 전부 지우니, 라이선스 보존이 필요하면 끄세요.
관련 도구
SVG 최적화
SVGO로 SVG를 줄이세요 — 편집기 찌꺼기 제거, 좌표 반올림, 도형 병합. 전후를 나란히 확인할 수 있고 업로드하지 않습니다.
이미지 0 0
이미지 압축
JPEG·PNG·WebP 이미지를 브라우저에서 압축하고 크기를 줄이세요.
이미지 0 0
PDF 압축
PDF 안의 이미지를 다시 인코딩해 용량을 줄입니다. 텍스트는 그대로 선택·검색됩니다. 업로드하지 않습니다.
파일 0 0
CSS to JS 스타일 객체 변환기
CSS 선언 블록을 React/JS 인라인 스타일 객체로 브라우저에서 변환합니다.
개발 0 0
CSS 선택자 테스터
HTML에 대해 CSS 선택자를 테스트하고 어떤 요소가 매칭되는지 정확히 확인합니다. 브라우저에서 동작합니다.
개발 0 0
XML 포맷터 및 압축기
XML을 깔끔한 들여쓰기로 정리하거나 한 줄로 압축합니다. 브라우저에서 동작합니다.
개발 0 0