🤏 minify 절감률 미리보기 | 실제 축약해 비교

코드 종류

원본 코드 붙여넣기

JavaScript 줄바꿈까지 모두 없애기 (세미콜론이 전부 있을 때만)

줄어든 비율 (소수 1자리)

축약 전-

축약 후-

줄어든 양-

줄 수-

이 도구가 하는 일과 하지 않는 일

작업	처리
주석 제거	한다
줄 앞뒤 공백·빈 줄 제거	한다
연속 공백 한 칸으로	한다
CSS 기호 주변 공백 제거	한다
문자열·정규식 안쪽	건드리지 않는다
변수명 축약	하지 않는다
구문 재작성·죽은 코드 제거	하지 않는다
JS 줄바꿈 제거	선택할 때만
HTML 태그 사이 공백 제거	하지 않는다

이 도구는 완전한 minifier 가 아니라 미리보기용이다. 문자열과 정규식 리터럴 안의 // 를 주석으로 오해하지 않도록 리터럴을 먼저 떼어 내 그대로 보존하는 보수적인 방식을 쓴다. 변수명 축약이나 구문 재작성은 하지 않으므로 전용 도구(terser·esbuild·cssnano 등)보다 줄어드는 양이 적다. 절감률은 붙여 넣은 코드에서 실제로 계산한 값이며 평균치를 대입한 추정이 아니다.

붙여 넣은 코드를 실제로 축약해 보기

코드 종류를 고르고 원본을 붙여 넣으면 주석과 불필요한 공백을 실제로 없앤 결과가 나오고, 축약 전후 바이트와 줄어든 비율이 함께 표시된다. 평균 절감률 같은 수치를 대입하지 않고 그 코드에서 직접 계산하므로, 파일마다 다른 결과가 그대로 보인다.

이 도구의 핵심은 보수적으로 지운다는 점이다. 문자열이나 정규식 리터럴 안에 들어 있는 두 개의 슬래시를 주석으로 오해하면 코드가 조용히 깨지므로, 리터럴을 먼저 떼어 내 그대로 보존한 뒤 나머지 공백만 정리한다. 자바스크립트는 줄바꿈을 기본으로 남겨 두는데, 자동 세미콜론 삽입에 기대는 코드가 한 줄로 합쳐지면서 깨지는 일을 막기 위한 것이다. 2026년 10월 기준으로 줄바꿈 제거는 선택 항목으로만 제공한다.

변수명 축약, 구문 재작성, 죽은 코드 제거는 하지 않으므로 완전한 minifier 가 아니다. 그래서 전용 도구보다 절감률이 낮게 나온다. 압축 전송 후 크기나 내려받는 데 걸리는 시간은 다루지 않는다.

자주 묻는 질문

전용 minifier 보다 절감률이 낮은 이유는?

이 도구는 주석과 공백만 지우고 변수명 축약이나 구문 재작성은 하지 않는다. 그 작업까지 하는 전용 도구는 더 많이 줄이지만 결과를 되읽기 어려워진다. 여기서는 어디가 줄었는지 눈으로 확인할 수 있게 보수적으로 둔 것이다.

문자열 안의 슬래시 두 개는 어떻게 될까?

주석으로 보지 않고 그대로 남긴다. 문자열·템플릿·정규식 리터럴을 먼저 떼어 낸 뒤 공백 정리를 하고 원래 글자를 되돌려 넣기 때문이다. 주소 안의 두 슬래시도 안전하다.

줄바꿈 제거는 왜 기본이 아닐까?

자바스크립트는 줄바꿈 자리에 세미콜론을 자동으로 넣어 주는 규칙이 있어서, 세미콜론이 빠진 코드를 한 줄로 합치면 동작이 달라질 수 있다. 그래서 선택 항목으로만 두었다.

🤏코드 minify 절감률 미리보기

이 도구가 하는 일과 하지 않는 일

관련된 도구

코드 라인 수(LOC) 카운터

문자열 바이트 길이 계산기

붙여 넣은 코드를 실제로 축약해 보기

자주 묻는 질문

이 도구가 하는 일과 하지 않는 일

관련된 도구

코드 라인 수(LOC) 카운터

문자열 바이트 길이 계산기

붙여 넣은 코드를 실제로 축약해 보기

자주 묻는 질문

같은 카테고리 도구