CSS Minifier 완벽 가이드
CSS Minifier란?
CSS Minifier는 CSS 코드에서 불필요한 공백, 주석, 줄바꿈을 제거하여 파일 크기를 줄이는 도구입니다. 또한 0px를 0으로, rgb()를 #hex로 변환하는 등 추가 최적화도 수행합니다. 최적화된 CSS는 웹사이트 로딩 속도를 향상시킵니다.
주요 기능
CSS 주석 제거 (// 및 /* */), 연속된 공백 최적화, 0 값 최적화 (0px -> 0), 색상 최적화 (rgb -> hex), 속성 공백 제거 기능을 제공합니다. 압축률을 실시간으로 확인하고 원본과 비교할 수 있습니다.
사용 방법
CSS 코드를 입력란에 붙여넣고 '압축' 버튼을 클릭하세요. 원본 크기, 압축 후 크기, 절감률을 확인할 수 있습니다. 결과 탭에서 압축된 코드를 확인하고 복사하여 사용할 수 있습니다. '비교' 탭에서 원본과 압축 버전을 나란히 볼 수 있습니다.
자주 묻는 질문 (FAQ)
- Q. 압축 후 CSS가 정상적으로 작동하나요?
- A. 네, 완전히 동일하게 작동합니다. 불필요한 공백과 주석만 제거되므로 브라우저 렌더링에는 아무런 영향이 없습니다. 모든 스타일과 기능은 그대로 유지됩니다.
- Q. CSS 변수와 미디어 쿼리도 지원하나요?
- A. 네, CSS 변수(--variable), 미디어 쿼리, @import, @font-face 등 모든 CSS 구문을 안전하게 처리합니다. 구조와 기능은 완전히 보존됩니다.