CSS 압축기
주석, 공백, 불필요한 문자를 CSS에서 제거하여 파일 크기를 줄입니다.
CSS 압축기란 무엇인가요?
압축된 CSS는 더 빠르게 로드됩니다. 중요 렌더링 경로에서는 모든 바이트가 중요합니다. 압축은 주석을 제거하고 공백을 줄이며 구문을 단순화합니다(예: 'color: #ffffff'가 'color:#fff'가 됩니다). 프로덕션 사이트에서는 cssnano 같은 빌드 시점 압축기를 사용하세요. 이 도구는 일회성 CSS 조각을 위한 것입니다.
자주 묻는 질문
압축하면 제 CSS가 깨지나요?▼
아닙니다. 압축은 의미를 보존합니다. CSS가 깨진다면, 원본에 브라우저는 허용했지만 압축기는 허용하지 않는 구문 오류가 있었던 것입니다.
어느 정도 크기 감소를 기대할 수 있나요?▼
일반적인 수작업 CSS에서는 20%에서 40% 정도입니다. 이미 압축된 프레임워크 CSS에서는 감소 폭이 더 작습니다.
관련 도구
JWT 디코더
JSON Web Token(JWT)을 즉시 디코딩합니다. 브라우저에서 실행되므로 토큰이 기기를 벗어나지 않으며, 프로덕션 비밀 값과 함께 안전하게 사용할 수 있습니다.
JSON 포매터 및 검증기
JSON을 온라인에서 정리하고 검증하고 압축합니다. 전적으로 브라우저에서 작동합니다: 데이터가 기기를 벗어나지 않습니다.
XML 포맷터
XML 문서를 포맷하고 보기 좋게 정리합니다. SOAP, 사이트맵, RSS 피드, 구성 파일에 유용합니다.
Base64 인코더 및 디코더
문자열을 Base64로 인코딩하거나 Base64를 텍스트로 디코딩합니다. 개인정보를 보호합니다: 사용자의 브라우저에서 실행됩니다.
URL 인코더 및 디코더
텍스트를 URL에 안전한 인코딩(퍼센트 인코딩)으로, 그리고 그 반대로 변환합니다. 쿼리 문자열, 리디렉션, OAuth 흐름에 유용합니다.
HTML 엔티티 인코더 및 디코더
특수 문자를 HTML 엔티티(&, < 등)로, 그리고 그 반대로 변환합니다. 텍스트를 HTML에 안전하게 삽입하는 데 유용합니다.