이 도구의 기능
CSS Minifier는 불필요한 공백과 일반 주석을 제거하고 줄일 수 있는 스타일 선언을 압축합니다. 문자열, 선택자와 함수는 CSS 문법에 맞게 처리하며, 압축 후에는 사용할 페이지에서 표시 결과를 확인하세요.
- /*! 라이센스 양식의 설명은 유지됩니다.
- 최신 선택기, 미디어 쿼리, calc() 및 사용자 정의 속성을 지원합니다.
- 구문 분석 오류가 표시되며, 이전 오류 결과는 출력되지 않습니다.
사용 방법
- CSS를 붙여넣으세요.
- "CSS 압축"을 클릭하세요.
- 압축 결과 및 절감 비율을 확인하세요.
- minified.css를 복사하거나 다운로드하고 시각적 회귀 테스트를 수행합니다.
주요 사용 사례
- 프로덕션 환경 스타일시트의 크기를 최적화합니다.
- 의미 없는 공백과 일반 주석을 제거합니다.
- 최적화해도 안전한 선언과 값을 통합합니다.
CSS Minifier 기능
CSS를 압축하고 압축 전후 크기를 비교할 수 있습니다. 문자열, calc(), 사용자 정의 속성이 포함된 CSS도 처리합니다. 결과를 확인한 뒤 복사하거나 CSS 파일을 다운로드하세요.
FAQ
압축하면 어떤 부분이 최적화되나요?
중복성을 정리하고 더 짧은 형식으로 표현할 수 있는 값을 줄이며 안전 규칙에 따라 일부 선언을 재구성합니다.
맞춤 속성이 유지되나요?
일반적인 CSS 사용자 지정 속성은 유지됩니다. 복잡한 스타일은 대상 브라우저에서 압축한 결과를 확인하세요.
왜 계속 /*! 댓글?
이러한 주석에는 라이선스나 저작권 정보가 들어 있는 경우가 많으므로 압축 결과에도 유지됩니다.