CSS 압축기

사용 방법

1. 1

   CSS 붙여넣기

   입력 영역에 CSS 코드를 붙여넣거나 샘플 로드를 클릭하여 예제를 사용해보세요.

2. 2

   모드 선택

   압축을 선택하면 주석과 공백을 제거하고, 정리를 선택하면 적절한 들여쓰기로 포맷합니다.

3. 3

   통계 확인

   원본 크기, 출력 크기, 절감 바이트 수, 절감 비율을 한눈에 확인하세요.

4. 4

   결과 복사

   복사 버튼을 클릭하여 처리된 CSS를 가져가세요. 프로덕션에서 압축된 CSS를 사용하면 페이지 로드가 빨라집니다.

자주 묻는 질문

CSS 압축이란 무엇인가요?

CSS 압축은 주석, 공백, 줄바꿈, 닫는 중괄호 앞의 마지막 세미콜론 등 불필요한 문자를 기능 변경 없이 제거합니다.

압축하면 CSS가 깨지나요?

아니요. 압축은 필수적이지 않은 문자만 제거합니다. CSS 규칙, 선택자, 값은 정확히 동일하게 유지됩니다.

정리 모드는 무엇을 하나요?

정리 모드는 압축되거나 지저분한 CSS를 적절한 들여쓰기, 줄바꿈, 간격으로 다시 포맷합니다.

파일 크기를 얼마나 줄일 수 있나요?

일반적으로 주석이 포함된 잘 포맷된 CSS의 경우 20-40% 절감됩니다.