사용 방법

붙여넣기, 실행, 확인, 복사 — 네 단계. 모든 작업은 브라우저에서 이뤄집니다.

CSS, HTML, JSON 등을 편집기에 넣으세요. 업로드되지 않습니다.

변환 또는 실행을 누르세요. 결과가 바로 나타납니다.

생성된 코드와 노트를 사용 전에 확인하세요.

결과를 복사해 프로젝트에 붙여넣으세요.

이 도구 소개

주석과 필요 없는 공백을 걷어 내 전송되는 CSS 용량을 줄입니다. 빠른 확인에 알맞은 도구이며, 실제 배포 빌드에서는 보통 번들러가 압축을 담당합니다.

예시에는 압축하면 사라지는 주석이 한 줄 들어 있습니다.

입력

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

출력

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

압축된 파일만 남기지 말고, 서식이 정리된 원본을 저장소에 함께 보관하세요.