사용 방법
- CSS를 붙여넣으세요.
- 규칙을 재구성할지, 라이선스 주석을 남길지 고르세요.
- 압축을 클릭하거나 Ctrl+Enter(Mac은 ⌘+Enter)를 누르세요.
- 압축된 CSS를 복사하거나 다운로드하세요.
옵션 설명
- 규칙 병합 및 재구성
- 안전한 경우에 한해 선택자가 같거나 선언이 같은 규칙을 합쳐요. 끄면 공백 제거와 값 줄이기만 해요.
- 라이선스 주석 유지
- 라이선스 고지에 관례적으로 쓰는 /*!로 시작하는 주석을 남겨요.
예시
a { color: #ff0000; }
/* note */
a { margin: 0px; }위 코드는 a{color:red;margin:0}로 압축돼요.
자주 묻는 질문
무엇이 짧아지나요?
색상(#ff0000 → red, #ffffff → #fff), 0 단위(0px → 0), 불필요한 세미콜론과 따옴표, 공백이에요. 재구성을 켜면 중복 규칙도 합쳐져요.
재구성하면 페이지 모양이 바뀔 수 있나요?
CSSO는 캐스케이드 결과가 그대로일 때만 선언을 옮겨요. 특이한 핵(hack)에 의존하고 있다면 결과를 비교해 보거나 재구성을 끄세요.
코드가 업로드되나요?
아니요. 압축은 브라우저 안에서 실행돼요.
개인정보 보호
이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.