무료 · 개발자 도구

HTML CSS JS 미니파이어

더 빠른 페이지를 위해 HTML, CSS, JavaScript 압축

입력

출력

HTML CSS JS 미니파이어란?

미니파이어는 실행에 필요하지 않은 모든 것을 소스 코드에서 제거합니다: 주석, 불필요한 공백, 빈 줄, 중복된 문장 부호. 파일이 작아지면 페이지 로드가 빨라지고 대역폭이 줄고 Core Web Vitals가 좋아집니다. 안전하게 하는 것은 보기보다 어렵습니다. JavaScript 문자열 리터럴의 공백은 의미가 있고, 정규식에는 주석처럼 보이는 "/"와 "//"가 있으며, HTML의

내부 공백은 살아남아야 합니다. 이 도구는 각 언어를 토큰화하고 입증된 안전한 것만 제거합니다.

할 수 있는 일

하나의 탭 도구에서 HTML, CSS 또는 JavaScript 미니파이
숨겨진 문자열을 건드리지 않고 주석 제거
문자열·정규식·템플릿 내용을 보존하며 공백 압축
HTML에서 <pre>/<textarea> 내용을 그대로 유지
전후 바이트와 절약 백분율 표시
결과 복사 또는 다운로드

언제 사용하나

게시 전 JS 스니펫, CSS 블록, 인라인 HTML 축소
더 적은 페이로드로 성능 예산 통과
줄바꿈을 거부하는 필드용 한 줄 출력 준비
임베디드 자산 크기를 빠르게 축소

개인정보: 미니파이는 전적으로 브라우저에서 발생하며, 붙여넣은 내용이 업로드되지 않습니다.

안전한 최소화 대 위험한 트릭

주석, 들여쓰기 및 줄 바꿈이 가장 먼저 제거되며 — 일반적으로 원본 스크립트 크기의 약 3분의 1을 차지하지만, 전혀 위험이 없습니다.
지역 변수 이름 변경은 스코프 분석을 통해 안전함이 입증된 경우에만 수행되며, 전역 변수와 프로퍼티 이름은 그대로 유지되어 외부 API가 깨지지 않도록 합니다.
gzip 압축 후에도 최소화된 소스는 여전히 의미 있게 작습니다 — 두 단계의 압축은 서로 다른 유형의 중복을 제거합니다.

바이트가 실제로 저장되는 위치

⚡

세 언어, 하나의 도구

HTML, CSS, JS 압축이 각 언어에 맞는 토크나이저와 함께 하나의 탭 페이지를 공유합니다. 단일 목적 사이트를 오갈 필요가 없습니다.

🔒

문자열과 정규식은 생존

토크나이저가 따옴표 문자열, 템플릿 리터럴, 정규식 리터럴을 이해하므로 압축이 "a/ b/c"나 그 안의 주석처럼 보이는 텍스트를 절대 깨뜨리지 않습니다.

🎯

측정된 절약

상태 표시줄이 전후 바이트와 절약 백분율을 보고하므로 각 압축이 얼마나 많은 페이로드를 제거하는지 정확히 알 수 있습니다.

자주 묻는 질문

JavaScript에 안전한가요?⌄

네. JS 미니파이어는 먼저 토큰화하여 주석을 정규식 리터럴과 문자열과 구분합니다. "/…/" 패턴과 문자열 안의 "//" 텍스트는 바이트 단위로 보존되고 실제 주석과 장식적 공백만 제거됩니다.

HTML 공백은?⌄

태그 사이의 공백은 압축되지만 <pre>와 <textarea>의 내용은 의미가 있을 수 있으므로 보존되며 문자열 속성도 그대로 유지됩니다. 출력은 동일하게 렌더링되는 유효한 HTML입니다.

빌드 파이프라인을 대체하나요?⌄

일회성 작업에는 그렇습니다. 전체 프로젝트는 CI에서 esbuild/terser/CSSNano를 계속 사용하겠지만, 이 도구는 스니펫, 이메일 템플릿 또는 단일 자산을 가장 작은 형태로 만들기에 이상적입니다.