CSS 압축·정리 도구

주석과 공백을 제거해 CSS를 압축하거나, 반대로 깔끔한 들여쓰기의 읽기 쉬운 코드로 펼칠 수 있습니다 — 양방향 모두 실시간으로 처리됩니다.

조회수 920회

입력

출력

CSS, 압축하거나 읽기 쉽게

압축(Minify)은 주석을 제거하고 공백을 줄여 배포용 파일 크기를 작게 만듭니다. 정리(Beautify)는 그 반대로, 압축되었거나 지저분한 CSS를 받아 한 줄에 하나의 규칙만 오도록 들여쓰기를 다시 적용해 읽고 비교하기 쉽게 만듭니다.

이 도구는 완전한 CSS 파서가 아니라 가벼운 정규식 기반 도구입니다 — 표준 CSS는 올바르게 처리하지만, 따옴표 안에 실제 {, }, ; 문자가 포함된 값(실제로는 드묾)은 완벽하게 정리되지 않을 수 있습니다.

압축하면 CSS가 깨지나요?

아니요 — 주석을 제거하고 구두점 주변의 공백만 줄일 뿐입니다. 모든 선택자, 속성, 값, 규칙은 기능적으로 동일하게 유지됩니다.

SCSS나 LESS 문법도 처리하나요?

이 도구는 순수 CSS를 위해 만들어졌습니다. Sass/Less 전용 문법(중첩, 변수, 믹스인)은 그 자체로 유효한 CSS가 아니므로 처리되지 않고 대부분 그대로 통과됩니다.

JSON 포맷터 무료 온라인 JSON 유효성 검사기, 정렬(예쁘게 출력) 및 압축(minify) 도구입니다. 사용하기 내 IP 주소 확인 공인 IPv4/IPv6 주소, 인터넷 제공업체, 대략적인 위치, 브라우저 정보를 즉시 확인하세요 — 클릭 한 번으로 복사할 수 있습니다. 사용하기 색상 변환기 HEX, RGB, HSL 색상 코드를 즉시 상호 변환합니다. 색상 선택기 포함, 무료. 변환하기 진법 변환기 숫자를 2진수, 8진수, 10진수, 16진수, 그리고 2부터 36까지의 임의의 진법으로 변환합니다 — 아무리 큰 값이라도 정확합니다. 변환하기