JS·CSS 압축기 (JavaScript·CSS Minify)
언어를 고르고 코드를 붙여 넣은 뒤 「압축하기」를 누르세요.
입력한 글과 파일은 서버로 보내지 않고 이 브라우저 안에서만 처리해요.
사용 방법
- 「언어」에서 JavaScript 나 CSS 를 고르고 코드를 붙여 넣으세요.
- 「압축하기」를 누르면 공백·줄바꿈·주석이 빠지고, 결과 아래에 줄어든 크기와 비율이 나와요.
- 「변수 이름 줄이기」를 켜면 함수 안쪽 변수 이름을 한두 글자로 바꿔 더 작아져요. 바깥에서 쓰는 전역 이름은 그대로 둬요.
- /*! 로 시작하거나 @license 가 든 주석은 「라이선스 주석 남기기」를 켜 두면 지우지 않아요.
자주 묻는 질문
압축하면 동작이 바뀌지 않나요?
JavaScript 는 Terser, CSS 는 CSSO 라는 널리 쓰이는 오픈소스 도구로 동작이 같도록 압축해요. 그래도 eval 이나 함수 이름(name)에 기대는 코드는 결과가 달라질 수 있으니 배포 전에 한 번 확인해 주세요.
import·export 가 있는 모듈도 되나요?
돼요. import 나 export 문이 있으면 ES 모듈로 보고 압축해요. 없으면 일반 스크립트로 다뤄 전역 이름을 바꾸지 않아요.
압축한 코드를 다시 읽기 좋게 되돌릴 수 있나요?
줄바꿈과 들여쓰기는 JS·CSS 정렬기로 되살릴 수 있어요. 다만 지운 주석과 줄인 변수 이름은 돌아오지 않으니 원본은 따로 보관하세요.