CSS 포매터 — CSS 정렬 및 압축
깔끔한 들여쓰기로 CSS를 정렬하거나 최소 크기로 압축하세요. 스타일시트를 붙여넣고 정렬과 압축을 전환한 뒤 결과를 복사하세요. 모두 브라우저에서 처리됩니다.
🔒 모두 브라우저 안에서 동작합니다. 입력과 출력은 서버로 전송되거나 저장되지 않아 안전합니다.
이 도구 소개
CSS를 깔끔하게 정리하거나 용량을 줄이는 일을 모두 브라우저에서 할 수 있습니다. 미화(beautify) 모드는 각 규칙과 속성을 한 줄씩 배치해 다시 들여쓰므로 스타일시트를 읽기 쉽고 유지보수하기 좋게 만듭니다. 반면 압축(minify) 모드는 주석·줄바꿈·불필요한 공백을 없애 배포용으로 가능한 한 작은 파일을 만듭니다. CSS를 붙여넣고 방향을 고른 뒤 결과를 복사하거나 내려받으세요. 아무것도 업로드되지 않으며 스타일은 모두 본인 기기에서 처리됩니다.
자주 묻는 질문
미화(beautify)와 압축(minify)의 차이는 무엇인가요?
둘은 정반대입니다. 미화는 들여쓰기·줄바꿈·간격을 더해 사람이 스타일시트를 편하게 읽고 편집하도록 합니다. 압축은 주석·줄바꿈·여분의 공백처럼 브라우저에 필요 없는 것을 모두 제거해 파일을 최대한 작게 만들어 운영 중인 사이트에서 더 빨리 내려받게 합니다. 흔한 작업 방식은 미화된 CSS를 작성·보관하고 배포용으로는 사본을 압축하는 것입니다.
압축하면 주석이 사라지거나 스타일이 깨지나요?
압축은 모든 주석을 제거하고 공백을 압축하므로 하나뿐인 사본을 압축하지 마세요. 읽기 쉬운 원본 파일을 남겨 두고 그것으로부터 압축하면 됩니다. 스타일 자체가 깨지지는 않습니다. 선택자·속성·값은 그대로 유지되고 도구가 클래스 이름을 바꾸거나 캐스케이드를 변경하지도 않습니다. 결과는 빽빽하고 읽기 어려워 보이지만 브라우저는 똑같이 적용합니다.
입력한 CSS가 업로드되나요?
아니요. 미화와 압축 모두 브라우저 안에서만 실행되므로 붙여넣은 CSS는 기기에 머물고 서버로 전송되지 않습니다. 공개 전 디자인이나 내부용 스타일시트도 코드가 기기를 벗어날 걱정 없이 사용할 수 있습니다.