CSS 포맷터 및 압축기
압축된 CSS를 속성마다 한 줄씩 읽기 쉬운 규칙으로 정리하거나, 주석과 공백을 제거해 CSS 파일 크기를 줄이세요.
사용 방법
- 1
입력값 붙여 넣기
텍스트나 코드를 붙여 넣거나, 파일을 편집기에 끌어다 놓거나, '파일 열기'를 클릭하세요. '예제 불러오기'로 도구 사용법을 바로 확인할 수 있어요.
- 2
옵션 선택
입력하는 즉시 결과가 바뀌어요. 모드를 바꾸거나 옵션을 조정해 원하는 결과를 얻으세요.
- 3
복사 또는 다운로드
클릭 한 번으로 결과를 클립보드에 복사하거나 파일로 다운로드하세요.
PixNudge를 선택하는 이유
브라우저 밖으로 아무것도 나가지 않아요
비밀번호, API 키, 토큰, SQL 쿼리, 고객 데이터는 사용자 기기에서 처리되며 서버로 전송되지 않아요.
즉각적인 결과
업로드도 대기도 없어요. 입력이 커도 입력하는 즉시 결과가 나타나요.
무료, 회원가입 불필요
계정, 사용 제한, 도구 내 광고가 없어요. 페이지를 즐겨찾기에 추가해 두고 필요할 때마다 사용하세요.
자주 묻는 질문
CSS를 압축하면 얼마나 작아지나요?
스타일시트에 주석과 들여쓰기가 얼마나 있는지에 따라 다르지만 보통 15–30퍼센트 줄어요. 압축 전후 크기는 결과 아래에 표시돼요.
CSS를 압축해도 안전한가요?
압축기는 의미 없는 주석과 공백만 제거해요. 문자열, calc() 표현식, 자손 결합자 같은 선택자는 그대로 유지돼요. /*!로 시작하는 주석(보통 라이선스)은 항상 유지돼요.
SCSS나 Less도 포맷할 수 있나요?
기본적인 SCSS와 Less 파일은 문법이 CSS와 비슷해서 대체로 잘 포맷돼요. 복잡한 인수를 받는 mixin 같은 고급 기능은 들여쓰기가 완벽하지 않을 수 있어요.