CSS 압축

계산 방법

CSS 해석에 영향을 줄 수 없는 것만 지웁니다. 주석, 줄바꿈, 들여쓰기, { } ; , > 앞뒤 공백, 콜론 뒤 공백이 그 대상입니다. 닫는 중괄호 바로 앞의 마지막 세미콜론도 뺍니다.

색상·숫자·단위를 줄이거나, 규칙을 합치거나, 순서나 이름을 바꾸지 않습니다. 예를 들어 0px과 #ffffff는 그대로 남습니다. 결과를 예측 가능하고 안전하게 두려고 일부러 정한 한계이며, 그만큼 전문 최적화 도구보다 절감 폭은 조금 작습니다.

의미가 있는 공백은 남깁니다. 자손 선택자 앞의 공백, margin: 0 auto 같은 값 사이 공백, "and (min-width: 600px)" 안의 공백, calc() 안 + 와 - 양옆 공백이 그렇습니다. 따옴표 문자열, data URI 같은 따옴표 없는 url() 값, 이스케이프 문자는 그대로 복사합니다.

닫히지 않은 주석·문자열·url(), 짝이 맞지 않는 중괄호가 있으면 경고합니다. 결과는 그래도 만들어 주니, 경고가 보이면 원본을 확인하세요.