본문 바로가기
WEBIS 웹유틸무료 온라인 도구

개발 도구 · 브라우저 실행

JS/CSS 압축(Minifier)

JavaScript와 CSS의 주석·공백을 브라우저에서 경량 축소하고 전후 바이트와 절감률을 비교합니다.
  • 브라우저 안에서 즉시 처리
  • 입력값은 도구 DB에 저장하지 않음
  • 계산 입력을 외부로 전송하지 않음

JS·CSS 경량 축소

공백과 주석을 줄여 크기를 비교합니다

브라우저 처리

원문과 결과는 현재 브라우저에서만 처리하며 WEBIS 서버 DB에 저장하거나 외부 서비스로 전송하지 않습니다.

축소 결과

배포 전 별도 검증 권장
원본 바이트
결과 바이트
절감 바이트
절감률

AST 기반 빌드 도구가 아닌 경량 축소기입니다. 운영 배포물은 Terser·esbuild·cssnano 등으로 다시 빌드하고 테스트하세요.

샘플을 불러와 처리 결과를 준비합니다.

빠른 사용법

세 단계로 확인합니다.

  1. 1
    JavaScript 또는 CSS를 선택합니다

    코드 종류를 먼저 고르고 최대 500KB의 원문을 입력합니다.

  2. 2
    구조 경고와 절감량을 확인합니다

    괄호·문자열·주석 균형과 축소 전후 바이트·절감률을 비교합니다.

  3. 3
    테스트용 결과를 복사합니다

    축소 결과를 가져간 뒤 운영 배포 전 AST 기반 빌드 도구와 자동 테스트로 다시 검증합니다.

결과 읽기

안전한 운영 축소는 문법 트리를 이해해야 합니다.

이 화면은 빠른 비교용 경량 축소기이며 변수 변경·dead code 제거·최신 문법 최적화를 수행하는 빌드 도구를 대신하지 않습니다.
LIGHT경량 공백 정리

주석과 불필요한 구분자 주변 공백을 줄여 대략적인 절감 크기를 보여줍니다.

BALANCE기본 균형 검사

문자열·템플릿·중괄호·블록 주석 미종료를 경고해 명백한 잘림을 찾습니다.

BUILD배포 빌드 별도

운영 코드는 Terser·esbuild·cssnano 같은 파서 기반 도구와 테스트 파이프라인을 사용해야 합니다.

입력 코드는 브라우저에서만 처리합니다. 이 경량 결과는 완전한 의미 보존을 보장하지 않으므로 원본을 유지하고 테스트 없이 운영에 배포하지 마세요.

이럴 때 유용합니다.

  • JS·CSS 공백 축소율 빠른 비교
  • 짧은 샘플 코드의 한 줄 정리
  • 빌드 도구 적용 전 대략적인 용량 확인

함께 확인하세요.

  • 정규식·템플릿·URL 문자열 등 복잡한 JS는 결과 테스트 필수
  • 라이선스 주석 제거 여부를 배포 정책과 확인
  • 운영 번들 생성 도구로 사용하지 않음

자주 묻는 질문

사용 전 알아둘 점

운영 JavaScript 번들에 바로 써도 되나요?

권장하지 않습니다. AST 기반 전문 미니파이어와 단위·통합 테스트를 사용하세요.

변수 이름도 짧게 바꾸나요?

아닙니다. 변수 mangling이나 dead code 제거 없이 주석과 표현 공백을 경량 정리합니다.

코드가 서버에 저장되나요?

아닙니다. 입력과 축소 결과는 현재 브라우저에서만 처리합니다.