CSS 압축기
스타일시트를 붙여 넣으면 같은 동작을 하는 가장 작은 CSS와 정확히 줄어든 용량을 보여 줘요.
이 기기 안에서 봉인됨
브라우저에서 실행돼요. 아무것도 업로드되지 않아요.
봉인됨
압축된 CSS
입력하는 대로 여기에 압축된 CSS가 표시돼요.
사용 방법
-
CSS 붙여 넣기
스타일시트를 붙여 넣거나 .css 파일을 여세요. 입력하는 대로 압축이 시작돼요.
-
압축 정도 고르기
규칙을 병합하면 파일이 가장 작아져요. 규칙 순서를 작성한 그대로 유지해야 한다면 이 옵션을 끄세요.
-
복사하거나 다운로드하기
gzip을 포함한 전후 용량을 확인한 뒤 결과를 복사하거나 .min.css 파일로 다운로드하세요.
자주 묻는 질문
내 CSS가 업로드되나요?
아니요. 압축은 오픈 소스 엔진 CSSO로 브라우저 안에서 이루어져요. 스타일시트는 기기 밖으로 나가지 않아요.
압축하면 무엇이 지워지나요?
공백, 줄바꿈, 주석, 각 블록의 마지막 세미콜론, 불필요한 0과 단위가 지워져요. #ff0000이 red가 되는 것처럼 색상이 짧아지고, 중복된 선언도 빠져요.
“규칙 병합 및 재정렬”은 무엇을 하나요?
선택자나 선언이 같은 규칙을 합치고, 안전한 경우 위치를 옮겨요. 보통 가장 많은 바이트를 줄여 줘요. 스타일이 특이한 캐스케이드 순서에 의존한다면 이 옵션을 꺼서 작성한 구조를 유지하세요.
왜 /*! 주석은 유지하나요?
/*!로 시작하는 주석에는 보통 코드와 함께 남겨야 하는 라이선스나 저작권 표시가 들어 있어요. 다른 주석은 모두 지워져요.
gzip 크기란 무엇인가요?
웹 서버는 보통 CSS를 보내기 전에 압축해요. 브라우저에서 측정한 gzip 수치는 실제로 네트워크를 통해 전송되는 바이트 수를 대략 보여 줘요.