CSS Minifier

이 도구 소개

CSS 압축은 스타일시트에서 모든 공백, 주석, 불필요한 문자를 제거하면서 기능은 완전히 유지합니다. 브라우저는 압축된 CSS와 원본 CSS를 동일하게 해석하므로 순전히 더 빠른 전송을 위한 크기 감소입니다.

대형 스타일시트에서 압축은 일반적으로 크기를 20~50% 줄입니다. 서버의 gzip 압축과 함께 사용하면 절감 효과가 더욱 큽니다. 대부분의 빌드 도구(Webpack, Vite, Parcel)는 프로덕션 빌드 시 CSS 압축을 자동으로 포함합니다.

사용 방법

1. 왼쪽 입력 패널에 CSS를 붙여넣으세요.
2. 압축 버튼을 클릭하여 CSS를 압축하세요.
3. 절감 지표에서 제거된 문자 수를 확인하세요.

활용 사례

프론트엔드 개발자가 프로덕션 배포 전 CSS 번들 크기를 줄이는 데 사용합니다. 빌드 도구로 관리되지 않는 서드파티 스타일시트나 레거시 CSS를 수동으로 압축할 때 유용합니다.

자주 묻는 질문

• 압축하면 CSS 동작이 바뀌나요? — 아니요. 압축은 공백, 주석, 불필요한 세미콜론만 제거하며 선택자, 속성명, 값은 절대 수정하지 않습니다.
• CSS 주석이 제거되나요? — 네. 파일 크기를 줄이기 위해 압축 시 모든 주석(/* ... */)이 제거됩니다.
• CSS가 서버로 전송되나요? — 아니요. 모든 처리는 브라우저에서 로컬로 이루어집니다. CSS는 기기 밖으로 나가지 않습니다.