분류: 개발 도구
CSS 압축기
CSS 주석과 공백을 로컬에서 제거
주석, 추가 공백, 불필요한 세미콜론을 제거해 CSS를 더 작은 스타일시트로 압축합니다. CSS는 브라우저에만 머물며 업로드되지 않습니다.
브라우저에서 압축했습니다.
결과
.tool-card{display:grid;gap:12px;color:#123}.tool-card:hover{color:#00796b}이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
이 도구는 CSS 형태의 텍스트를 로컬에서 토큰화하고 주석을 제거하며 일반 구분자를 줄여 브라우저가 읽을 수 있는 더 작은 스타일시트를 만듭니다.
사용 방법
- CSS를 입력 상자에 붙여 넣습니다.
- 압축된 출력과 크기 차이를 확인합니다.
- 압축 CSS를 스타일시트나 빌드 메모에 복사합니다.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- CSS가 업로드되나요?
- 아니요. 압축은 전부 브라우저 탭 안에서 실행됩니다.
- 고급 최적화를 하나요?
- 아니요. 선택자 병합이나 위험한 재작성 대신 안전한 공백과 주석 제거에 집중합니다.
- 스니펫에도 사용할 수 있나요?
- 네. 작은 규칙, 임베디드 CSS, 빠른 정리에 잘 맞습니다.