CSS 축소기 온라인
브라우저에서 CSS, JavaScript, HTML 또는 JSON을 축소합니다. 주석과 공백을 제거하고 즉시 저장된 크기를 확인하세요.
처리 중...
0%
소스 코드 구문 분석
주석 제거
공백 축소
사이즈 절감 측정
결과
이 페이지는 CSS가 미리 선택된 코드 축소기를 엽니다. 스타일시트를 붙여넣고 버튼을 누르면 주석이 제거되고 중괄호, 콜론, 세미콜론 및 쉼표 주위에 공백이 축소되고 모든 닫는 중괄호가 삭제되기 전에 중복된 마지막 세미콜론이 포함된 간결한 한 줄이 표시됩니다.
서식이 지정된 스타일시트는 대부분 들여쓰기와 주석으로 이루어져 있기 때문에 CSS는 축소에 매우 잘 반응합니다. 일반적으로 파일 크기의 15~40%가 절약됩니다. CSS가 작다는 것은 스타일시트가 렌더링을 차단하는 리소스이기 때문에 브라우저가 더 빨리 렌더링을 시작한다는 것을 의미합니다. CSS에서 트리밍된 모든 킬로바이트는 느린 연결에서 처음으로 그리는 시간을 단축합니다.
축소기는 중요한 부분에 주의를 기울입니다. 콘텐츠 속성의 문자열과 url() 값은 그대로 복사되고, 선택기 수준 콜론 주위의 공백은 유지되므로 "a :hover"와 같은 조합자가 의미를 유지합니다. 크기 패널에는 전후 바이트와 저장된 비율이 표시되며 결과는 한 번의 클릭으로 복사하거나 다운로드할 수 있습니다.