CSS 변수나 미디어 쿼리도 처리할 수 있나요?

네, CSS 변수(--var), 미디어 쿼리, 중첩 선택자 등 현대 CSS 문법을 모두 지원합니다.

압축 시 주석도 제거되나요?

네, 압축 모드에서는 주석과 불필요한 공백이 모두 제거됩니다.

정리(Beautify) 기능은 SCSS·LESS 문법도 어느 정도 처리하지만, 완전한 지원을 보장하지는 않습니다.

💻

입력

지저분한 CSS 코드를 들여쓰기 기준으로 정리하거나, 공백·주석을 제거해 파일 크기를 최소화합니다. js-beautify 라이브러리로 정리하고, 자체 알고리즘으로 압축합니다. 결과를 즉시 복사할 수 있습니다.

① 정리하거나 압축할 CSS를 입력창에 붙여넣습니다. ② '정리하기' 또는 '압축하기' 버튼을 클릭합니다. ③ 결과가 하단에 표시됩니다. ④ 복사 버튼으로 결과를 클립보드에 저장합니다.

• 압축된 CSS 라이브러리 코드를 읽기 쉽게 변환할 때 • 프로덕션 배포 전 CSS를 최소화해 로딩 속도를 높일 때 • 코드 리뷰 전 CSS 구조를 명확히 파악할 때 • 이메일 템플릿·인라인 CSS를 정리할 때

Q. CSS 변수나 미디어 쿼리도 처리할 수 있나요?: A. 네, CSS 변수(--var), 미디어 쿼리, 중첩 선택자 등 현대 CSS 문법을 모두 지원합니다.
Q. 압축 시 주석도 제거되나요?: A. 네, 압축 모드에서는 주석과 불필요한 공백이 모두 제거됩니다.
Q. SCSS나 LESS도 처리할 수 있나요?: A. 정리(Beautify) 기능은 SCSS·LESS 문법도 어느 정도 처리하지만, 완전한 지원을 보장하지는 않습니다.