CSS 압축기

CSS 압축기는 문자열과 주석을 구분해 문법상 불필요한 공백을 줄이고 일부 안전한 값 표현을 축약합니다. 외부 서버나 빌드 도구 없이 브라우저에서 처리합니다.

안전하게 제거하는 내용

일반 주석과 구분 기호 주변 공백, 블록 끝의 마지막 세미콜론을 줄입니다.

• 따옴표 안의 공백, 주석 모양 문자열과 data URL은 임시로 보호한 뒤 복원합니다.
• calc() 안의 +와 - 주변 공백은 CSS 문법에 필요할 수 있어 제거하지 않습니다.
• 중괄호, 괄호, 문자열과 주석의 닫힘 여부를 기본 검사해 명백한 손상을 알립니다.

값 축약 옵션

동일한 의미를 유지하는 대표적인 CSS 값만 짧게 바꿉니다.

• 0px, 0rem, 0% 같은 0 길이는 단위 없는 0으로 바꿉니다.
• 0.5는 .5로, #ffffff처럼 각 자리 쌍이 같은 6자리 색상은 #fff로 줄입니다.
• 선택자 병합, 속성 재정렬과 브라우저 접두사 제거는 의미가 달라질 수 있어 수행하지 않습니다.

라이선스 주석

/*! 로 시작하거나 @license, @preserve가 포함된 주석은 별도로 보존할 수 있습니다.

• 배포 파일에서 라이브러리 저작권 고지를 유지해야 할 때 보존 옵션을 켜세요.
• 일반 설명 주석 제거를 끄면 라이선스 여부와 관계없이 모든 주석이 남습니다.
• 프로젝트의 라이선스 조건에 따라 별도 LICENSE 파일도 함께 배포해야 할 수 있습니다.

배포 전 확인

간이 압축기는 완전한 CSS 파서나 빌드 체인을 대체하지 않습니다.

• CSS 변수, 최신 함수와 복잡한 이스케이프가 있는 운영 코드는 실제 화면에서 회귀 테스트하세요.
• 압축률은 UTF-8 바이트 기준이며 웹 서버의 gzip·Brotli 전송 압축 효과와는 다릅니다.
• 원본 파일은 보관하고 캐시 무효화 후 여러 브라우저와 화면 크기에서 결과를 확인하세요.