CSS 축소기

붙여넣은 CSS 코드 조각이나 로컬 .css 파일을 브라우저에서 직접 압축하세요. 스타일시트는 업로드되거나 기록되지 않으며 API로 전송되지 않습니다.

CSS 파일을 선택하거나 여기에 드래그 앤 드롭하려면 클릭하세요.

또한 CSS를 아래의 편집기에 직접 붙여넣을 수 있습니다.

0 바이트

0 바이트

준비 완료

보수적 CSSO 설정

기본 실행은 주석과 공백을 제거하지만 위험한 스타일시트 재작성을 피하기 위해 구조적 최적화는 비활성화된 상태로 둡니다.

스니펫 및 파일 입력

부분 CSS, 전체 스타일시트, 미디어 쿼리, 사용자 정의 속성을 붙여넣거나 로컬 .css 파일을 로드합니다.

안전한 측정

분석은 크기와 감소 팩을 사용합니다. CSS 출처, URL, 선택자, 코멘트 및 파일 이름은 텔레메트리에서 벗어나지 않습니다.

자주 묻는 질문

내 CSS가 Convertr에 업로드되었습니까?

아니요. 미니파이어는 브라우저 JavaScript를 사용하여 로컬로 실행됩니다. 붙여넣은 CSS 및 선택한 파일은 Convertr 서버에 전송되지 않습니다.

왜 기본적으로 구조적 최적화를 비활성화합니까?

일부 공격적인 CSS 재작성은 캐스케이드 동작을 변경할 수 있습니다. 첫 번째 버전은 압축을 보수적으로 유지하고 안전한 축소에 초점을 맞춥니다.

CSS에 구문 오류가 있으면 어떻게 되나요?

파서 오류는 경고 패널에 표시되므로 출력 복사 전에 스타일시트를 수정할 수 있습니다.

CSS 축소기

붙여넣은 CSS에서 안전한 서식과 주석을 제거하여 전송 크기를 줄입니다.

입력
CSS 소스 텍스트 및 사용 가능한 미니화 옵션.
출력
축소된 CSS와 전후 크기 정보.
실제 제한
축소는 의미론적 검증, 접두사 추가 또는 죽은 코드 제거가 아닙니다. 잘못된 CSS 및 특이한 해킹은 수동 검토가 필요할 수 있습니다.
개인정보 및 데이터 처리
CSS 소스 텍스트 및 사용 가능한 축소 옵션은 이 브라우저 탭에서 처리됩니다. Convertr는 이를 수신하거나 저장하지 않습니다. 도구가 명시적으로 로컬 다운로드를 제공하지 않는 한 페이지를 닫거나 다시 로드하면 작업 상태가 지워집니다.

이 도구를 어떻게 사용해야 하는지

  1. CSS 소스 텍스트와 도구 컨트롤에서 사용 가능한 축소 옵션을 제공합니다.
  2. 최소화된 CSS와 전후 크기 정보에 영향을 미치는 설정을 선택한 다음 도구를 실행합니다.
  3. 복사 또는 다운로드하기 전에 축소된 CSS와 전후 크기 정보를 검토합니다.

일반적인 실패 모드

닫히지 않은 블록, 잘못된 문자열 또는 파서가 이해할 수 없는 구문은 변경된 출력 대신 오류로 반환됩니다.

유용한 예제

.card의 형식화된 규칙을 축소하여 들여쓰기, 주석 및 불필요한 공백을 제거하고 선언을 보존합니다.