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 주석이 중요한가요?
- 라이선스 헤더 같은 /*! 주석은 전문 미니파이어가 보존합니다. 이 도구는 '주석 제거'가 켜 있으면 전부 지우니, 라이선스 보존이 필요하면 끄세요.
관련 도구
JWT 디코더
JWT의 헤더·클레임·만료를 즉시 확인하세요.
개발00
UUID 생성기
무작위 버전4 UUID를 여러 개 한 번에 생성하고 복사하세요.
개발00
해시 생성기 (SHA)
텍스트로 SHA-1·SHA-256·SHA-384·SHA-512 해시를 생성하세요.
개발00
URL 인코더 / 디코더
URL용으로 텍스트를 퍼센트 인코딩하거나, 인코딩된 URL을 디코딩하세요.
개발00
Base64 인코더 / 디코더
텍스트를 Base64로 인코딩하거나 다시 텍스트로 디코딩하세요.
개발00
JSON 포맷터 & 검증기
브라우저에서 바로 JSON을 포맷·정렬·압축·검증하세요.
개발00