CSS Formatter

이 도구 소개

CSS 포매터 & 뷰티파이어는 압축되거나 읽기 어려운 CSS를 깔끔하고 올바르게 들여쓰기된 스타일시트로 변환합니다. 미디어 쿼리, 의사 클래스, 키프레임 애니메이션, CSS 변수, 중첩 선택자 등 모든 표준 CSS 기능을 지원합니다.

미니파이 모드는 모든 주석과 불필요한 공백을 제거하여 프로덕션에 적합한 최소 크기의 CSS를 생성합니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.

사용 방법

1. 왼쪽 입력 패널에 CSS를 붙여넣으세요.
2. 원하는 들여쓰기(2칸 또는 4칸)를 선택하세요.
3. 서식 지정을 클릭하여 포맷하거나 미니파이를 클릭하여 압축하세요.
4. 복사를 클릭하여 결과를 클립보드에 복사하세요.

활용 사례

프론트엔드 개발자가 브라우저 DevTools, 레거시 스타일시트, 디자인 시스템 내보내기에서 복사한 CSS를 포맷하는 데 사용합니다. 미니파이 기능은 프로덕션에서 CSS 번들 크기를 30~50% 줄여줍니다.

자주 묻는 질문

• SCSS/LESS를 지원하나요? — 이 도구는 표준 CSS만 포맷합니다. SCSS나 LESS는 전용 전처리기 포매터를 사용하세요.
• 주석이 유지되나요? — 포매팅 시 주석이 유지됩니다. 미니파이 모드는 파일 크기를 줄이기 위해 모든 주석을 제거합니다.
• 데이터가 안전한가요? — 모든 처리는 브라우저에서 로컬로 이루어집니다. CSS는 어떤 서버에도 전송되지 않습니다.