</>DevTools

MIN코드 압축기

JavaScript, CSS, HTML 코드를 압축해 파일 크기 축소

Code Minifier 가이드

Code Minifier는 JavaScript, CSS, HTML 코드에서 공백·주석·불필요한 문자를 제거해 파일 크기를 줄여주는 도구입니다. 배포 환경에서 페이지 로딩 속도를 높이고 대역폭을 절약하기 위한 필수 작업이며, 본 도구는 모든 처리를 브라우저에서 수행하므로 민감한 코드도 안전하게 다룰 수 있습니다.

지원 언어

  • JavaScript: Terser 기반 — 압축 + mangling으로 최대 80% 절감
  • CSS: 주석 제거, 공백 압축, 구분자 주변 정리
  • HTML: 주석·공백 제거, pre·textarea·script·style 블록은 보존

사용 방법

  1. 드롭다운에서 JavaScript, CSS, HTML 중 입력 언어를 선택합니다.
  2. 왼쪽 영역에 원본 코드를 붙여넣습니다.
  3. 「압축」 버튼을 클릭하면 오른쪽에 압축 결과가 표시됩니다.
  4. 원본 대비 절감 비율, 복사·다운로드 기능을 그대로 사용할 수 있습니다.

활용 사례

  • 정적 사이트 배포 시 최종 JS/CSS 압축
  • 이메일 템플릿 HTML 인라인 압축
  • 임베디드 위젯 코드 사이즈 최소화
  • 광고·랜딩 페이지 로딩 속도 최적화

💡 Tip: Terser는 무거운 라이브러리이므로 첫 실행 시 약간 지연될 수 있습니다. 한 번 로드되면 이후 압축은 즉시 처리됩니다.

🔗관련 도구💻 정규식/코드