개발자 도구 / 16
CSS Minifier
구조적 규칙 및 값 압축으로 CSS를 파싱하고 최적화하며 축소합니다.
CSS Minifier: TOEA는 CSS 파서를 사용하여 불필요한 구문을 제거하고 호환되는 규칙을 안전하게 재구성합니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 개발자 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
구조 재구성이 하는 일
축소기는 공백을 제거하는 것 외에도 값(#ffffff를 #fff로, 0px를 0으로)을 짧게 만들고 규칙을 병합합니다. 선언이 동일한 두 선택자는 하나의 규칙으로 합쳐지고, 캐스케이드가 허용하면 선언이 규칙 사이에서 이동할 수 있습니다. 따라서 출력 결과는 소스의 순서를 따르지 않으며, 선택자를 검색하면 다른 선택자와 함께 묶인 위치에서 찾게 될 수 있습니다. 결과를 읽으려면 CSS 포매터로 다시 펼치십시오.
라이선스 주석은 유지됩니다
일반 주석은 제거되지만 /*!로 시작하는 주석은 유지됩니다. 이는 코드와 함께 전달되어야 하는 저작권 및 라이선스 고지에 라이브러리가 사용하는 규칙입니다. 이러한 고지를 해당 형식으로 작성하면 축소된 파일에서도 규정을 준수할 수 있습니다.
축소하면 출력 결과와 소스의 연결도 제거됩니다. 브라우저 개발자 도구가 축소된 CSS를 원본으로 매핑하려면 소스 맵이 필요합니다. 소스 맵은 빌드 도구가 생성하며 이 페이지에서는 생성하지 않습니다. 따라서 편집할 파일로는 읽기 쉬운 원본을 보관하십시오.
사용 방법
- CSS를 붙여넣습니다.
- CSS 축소를 선택합니다.
- 최적화된 스타일시트를 복사하거나 다운로드합니다.
개인정보 보호 및 제한사항
CSS는 브라우저에 유지됩니다. 배포하기 전에 시각적 요구 사항과 브라우저 지원 요구 사항에 맞는지 결과를 테스트하십시오.
관련 도구
자주 묻는 질문
공백만 제거합니까?
아닙니다. 파서는 값도 최적화하고 호환되는 구조를 병합할 수 있습니다.
주석은 유지됩니까?
일반 주석은 축소 결과에서 제거됩니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요