CSS 압축기 & 정리기
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
브라우저에서 CSS를 압축하거나 정리합니다. Toova는 공백과 주석을 제거하여 프로덕션을 위해 스타일시트를 축소하거나, 압축된 CSS를 디버깅하는 동안 실제로 읽을 수 있는 것으로 정리합니다.
두 모드, 하나의 워크플로
압축 모드는 모든 주석, 모든 중복 공백, 모든 불필요한 줄바꿈을 제거합니다. 출력은 기능적으로 동일한 CSS이지만 일반적으로 20-40% 더 작으며, 이는 첫 페인트 속도를 높이고 전송 크기를 줄입니다. 정리 모드는 반대 방향으로 갑니다. CDN, 프레임워크 번들 또는 제3자 위젯의 압축된 CSS를 가져와 읽기 쉬운 형식으로 확장하여 선택자와 속성을 감사할 수 있게 합니다.
구성 가능한 형식화
정리된 출력에 대해 2칸, 4칸 또는 탭 들여쓰기를 선택합니다. 주석을 유지할지(헤더 배너와 라이선스 문자열에 유용) 또는 완전히 제거할지 선택합니다. 압축기는 CSS 변수와 선택자를 그대로 보존하므로 사용자 정의 속성 이름과 애니메이션 키프레임이 왕복 여행에서 살아남습니다. 벤더 접두사는 그대로 유지됩니다.
로컬 전용
모든 압축 및 정리 작업은 브라우저에서 실행됩니다. 붙여 넣은 CSS(디자인 시스템의 독점 스타일시트든 감사하는 제3자 코드든)는 페이지를 떠나지 않습니다. 처리 중 네트워크 탭은 비어 있으며 첫 로드 후 페이지는 오프라인에서 작동합니다.
자주 묻는 질문
- 압축된 CSS는 얼마나 더 작습니까?
- 일반적으로 gzip 후 원본보다 20-40% 더 작습니다. 절약은 주석, 공백, 중복 영 값을 제거하는 데서 옵니다. 최신 빌드 파이프라인은 이를 자동으로 수행하지만, 일회성 스니펫에 수동 도구가 있는 것이 유용합니다.
- 압축이 제 CSS를 깨뜨립니까?
- 아니요. 압축기는 모든 규칙, 속성, 값을 그대로 보존합니다. 공백과 주석만 제거합니다. CSS 변수, 애니메이션, 벤더 접두사는 손상되지 않은 채로 살아남습니다.
- CDN의 CSS를 정리할 수 있습니까?
- 예. 압축된 CSS를 붙여 넣으면 Toova가 일관된 들여쓰기로 읽기 쉬운 형식으로 확장합니다. 제3자 위젯이 실제로 무엇을 하는지 감사하거나 프레임워크의 컴파일된 출력을 디버깅하는 데 유용합니다.
- 주석이 보존됩니까?
- 토글입니다. 기본적으로 압축은 절약을 최대화하기 위해 주석을 제거합니다. 주석 보존 옵션을 활성화하여 라이선스 헤더와 기타 중요한 주석을 유지할 수 있습니다.
- 제 CSS가 어디로든 전송됩니까?
- 아니요. 처리는 전적으로 브라우저에서 실행됩니다. 업로드되거나 로깅되는 것이 없습니다.