CSS 포맷터 및 미니파이어
압축된 CSS를 읽기 쉽고 들여쓰기가 잘된 스타일시트로 만들거나 페이지 로딩을 빠르게 하기 위해 축소하세요.
아래에 CSS를 붙여넣으세요:
결과:
CSS를 포맷하거나 축소하는 방법
- 입력 상자에 CSS를 붙여넣으세요.
- 읽기 쉽게 하려면 포맷, 압축하려면 축소를 선택하세요.
- 처리를 클릭하여 변환된 스타일시트를 확인하세요.
- 마음에 들면 출력을 복사하세요.
자주 묻는 질문
CSS 포맷은 무엇을 하나요?
각 선택자를 자체 줄에 배치하고 각 선언을 들여써서 스타일시트 구조를 쉽게 훑어보고 편집할 수 있게 합니다.
CSS 축소는 무엇을 하나요?
주석과 줄바꿈을 제거하고 불필요한 공백을 정리하여 동일한 규칙의 가장 작은 안전한 표현을 생성합니다.
포맷이 CSS 작동 방식을 바꾸나요?
아니요. 포맷은 CSS가 무시하는 공백과 줄바꿈만 변경합니다. 계산된 스타일은 동일하게 유지됩니다.
이 도구는 무료인가요?
네. 모든 Handio 도구는 무료이며 브라우저에서 완전히 실행되고 회원가입과 업로드가 없습니다.
관련 도구
CSS를 포맷하거나 축소하는 이유
읽기 쉬운 CSS는 스타일시트 유지보수를 쉽게 하고, 축소된 CSS는 페이지 로드마다 바이트를 절약합니다. 이 도구는 압축된 스타일을 펼치거나 읽기 쉬운 스타일을 프로덕션용으로 압축합니다.
- 스타일시트를 편집하거나 검토하기 전에 축소된 CSS를 정리할 수 있습니다.
- 프로덕션 빌드용으로 CSS를 축소해 다운로드 크기를 줄일 수 있습니다.
- 서식을 통일해 스타일시트를 훑어보고 비교하기 쉽게 만들 수 있습니다.
팁 및 제한
포맷은 공백만 변경하므로 계산된 스타일은 동일하게 유지되지만, 매우 특이한 구문에 대해서는 파서가 최선을 다합니다. 모두 브라우저 안에서 로컬로 실행됩니다.