JavaScript / CSS 압축 및 최소화(Minify)
JavaScript, CSS 소스 코드를 압축·경량화
특징
JS·CSS 모두 지원하는 압축
탭 전환으로 두 언어의 소스를 경량화
주석·공백을 일괄 제거
줄바꿈이나 불필요한 세미콜론도 자동으로 줄임
절감량을 수치로 시각화
압축 전후 크기와 절감률을 즉시 표시
문자열·정규식 보존
코드 안의 리터럴을 손상시키지 않고 안전하게 압축
사용 방법
압축할 언어 선택
JavaScript와 CSS 탭에서 압축할 언어를 선택
소스 코드 입력
입력란에 코드를 붙여넣거나 샘플 버튼으로 시험
압축 버튼으로 실행
공백이나 주석을 제거한 압축 결과를 생성
압축 결과 확인과 저장
압축된 코드와 절감률을 확인하고 복사하거나 다운로드로 취득
활용 사례
웹사이트 표시 속도 향상
JS·CSS 파일 크기를 줄여 로딩 시간을 단축
운영 공개 전 최종 처리
릴리스용 에셋을 경량화해 배포 비용을 억제
모바일 통신량 절약
모바일 환경용으로 전송 데이터양을 압축해 절약
소스 코드의 난독화
정리 정보를 없애 소스를 읽기 어렵게 가공
기초 지식
미니파이와 난독화의 차이
미니파이는 공백·줄바꿈·주석을 제거하여 파일을 축소하는 처리이며, 결과적으로 가독성이 떨어지지만, 해독을 방지하기 위한 난독화(변수명 치환이나 구조 변환)와는 별개입니다.
gzip 압축과의 관계
미니파이와 서버 측의 gzip·Brotli 압축은 병용할 수 있으며, 둘 다 적용하는 것이 정석입니다. 미니파이로 원본 크기를 줄인 후 전송 시 추가로 압축되기 때문에 효과가 누적됩니다.
안전성과 개인정보 보호
브라우저 내 처리
입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.
브라우저 내에서만 처리
코드 압축는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.
통신은 HTTPS로 암호화
페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
결과 자동 저장 없음
입력·압축 결과나 입력 제안을 서버에 저장하지 않습니다.
Google 검색에서 RAKKOTOOLS 팔로우하기
175개의 편리한 도구를 Google 검색·AI 검색에서 더 쉽게 찾을 수 있습니다!
- 검색에서 발견
- AI 검색에서도 표시
- 새 도구도 발견
업데이트 정보
- update #216
일부 도구에서 일본어 이외의 페이지에 일본어 문언이 표시되는 문제 수정
- update #162
CSS 압축 도구에서 반투명 색상이 일부 브라우저에서 무효가 되는 문제 해결
- update #86
CSS 압축 도구에서 선택자 공백 소실로 인한 레이아웃 붕괴 해결
- update #27
압축 도구에서 JS 식별자 분할이나 CSS 자손 선택자 손상 등의 출력 오류 해결
- update #7
JS/CSS 압축 도구에서 연산식과 미디어 쿼리의 필수 공백 유지