DEV · MINIFY
코드 압축
CSS·JS를 붙여넣으면 주석과 여백을 제거해 용량을 줄입니다.
- 1.압축할 코드를 입력하거나 붙여넣습니다
- 2.CSS 또는 JS 중 코드 종류를 선택합니다
- 3.‘압축’ 버튼을 누릅니다
- 4.절감률을 확인하고 압축된 코드를 복사합니다
→ 결과물: 공백·줄바꿈을 제거해 압축한 코드와 용량 절감률
코드를 입력하고 압축하세요.
이 도구는
CSS와 JavaScript에서 주석과 불필요한 줄바꿈·공백을 걷어내 파일 크기를 줄입니다. 전송량이 줄면 페이지가 그만큼 빨리 뜹니다. 코드는 브라우저 안에서만 처리되며 외부로 보내지 않습니다.
이럴 때 씁니다
- —작은 페이지에 인라인으로 넣을 스타일·스크립트를 가볍게 만들 때
- —빌드 도구를 쓰지 않는 정적 페이지의 용량을 손으로 줄일 때
- —메일 템플릿처럼 용량 제한이 빡빡한 곳에 코드를 넣을 때
알아둘 점
- —변수 이름을 줄이거나 코드 구조를 바꾸는 난독화는 하지 않습니다. 공백·주석 제거까지입니다.
- —줄바꿈에 의존하는 문법(세미콜론을 생략한 자바스크립트 등)은 압축 후 동작이 달라질 수 있으니 반드시 확인하세요.
- —압축본은 되돌릴 수 없으므로 원본을 따로 보관하세요.