코드, 데이터 및 QR 도구

CSS 압축기

스타일시트를 붙여 넣고 안전한 서식 오버헤드를 로컬에서 제거한 뒤 코드를 업로드하지 않고 간결한 CSS를 복사하거나 다운로드하세요.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

최대 500,000자입니다. 처리는 이 브라우저에서 이루어집니다.

사용 방법

사용 방법

  1. 편집기에 CSS를 붙여 넣거나 포함된 예제를 사용하세요.
  2. 주석 제거 여부를 선택하고 전후 크기를 확인하세요.
  3. 압축된 스타일시트를 복사하거나 CSS 파일로 다운로드하세요.

로컬에서 수행하는 제한적 압축

이 도구는 브라우저에서 보수적으로 처리합니다. 활성화된 경우 CSS 주석을 제거하고 따옴표 문자열 밖의 공백을 축약하며 안전한 구두점 주변 공백을 없앱니다. 스타일시트는 기기에 남고 서버 요청은 필요하지 않습니다.

읽기 쉬운 소스도 여전히 유용

압축은 전송 및 저장 크기를 줄이지만 프로젝트에는 서식이 적용된 소스 스타일시트를 보관하고 압축 결과는 빌드 산출물로 생성하세요. 사용자 지정 속성, calc 표현식, URL, 따옴표 콘텐츠, 데이터 값은 텍스트 그대로 보존됩니다.

자주 묻는 질문

더 알아보기

압축이 선택자나 값을 바꾸나요?

문자열과 주석 밖의 서식 문자를 제거합니다. 선택자 이름 변경, 색상 재작성, 선언 순서 변경, CSS 파서 실행은 하지 않습니다.

모든 주석을 제거해야 하나요?

배포 스타일시트에 라이선스 또는 저작자 표시 주석을 남겨야 하면 주석 제거를 끄세요. 일반 주석은 기본적으로 제거됩니다.

프로덕션 빌드에 사용할 수 있나요?

빠른 로컬 결과에 유용합니다. 프로덕션에서는 소스 맵을 보관하고 프로젝트 문법과 브라우저 대상을 이해하는 검증된 CSS 빌드 파이프라인을 실행하세요.