CSS 미니파이어 (압축·미니파이 무료)
브라우저에서 주석과 여분 공백을 줄여 CSS를 미니파이하세요. cssnano나 clean-css가 아닙니다. 붙여 넣은 뒤 Minify CSS를 누르세요. 파일 업로드는 없습니다.
CSS 미니파이
CSS를 붙인 뒤 Minify CSS를 누르세요. cssnano, clean-css, CSS 파서가 아닌 단순 압축기입니다.
사용 방법
- 입력 영역에 미니파이할 CSS 코드를 입력합니다
- "Minify CSS" 버튼을 클릭합니다
- 미니파이된 결과를 복사하여 사용합니다
주요 기능
- 공백 및 줄바꿈 제거
- /* */ 주석 제거
- HEX 색상 축약 (#ffffff → #fff)
- 0 값 단축 (0px → 0)
- 닫는 중괄호 앞 세미콜론 제거
- cssnano나 clean-css가 아님 — 선택자 병합·문법 검증 없음
💡 참고: 미니파이는 브라우저에서 실행되며 서버로 전송되지 않습니다. 공백·주석·일부 축약만 하는 단순 압축기이며 cssnano나 clean-css가 아닙니다. PageSpeed를 측정하지 않으며 프로덕션 빌드 파이프라인을 대체하지 않습니다.
온라인에서 CSS를 미니파이하는 이유
CSS 미니파이는 주석과 여분 공백을 없애 다운로드 용량을 줄입니다. 작은 CSS는 로딩에 도움이 될 수 있지만, 이 페이지는 Lighthouse를 돌리지 않고 Core Web Vitals나 PageSpeed 점수를 약속하지 않으며 서버 gzip/brotli를 대체하지 않습니다.
CSS를 붙이고 Minify CSS를 누르세요. 처리는 브라우저 JavaScript이며 cssnano나 clean-css가 아닙니다. 코드는 Toolo 서버로 업로드되지 않습니다. /* */ 주석을 지우고 { } ; : , ! 주변 공백을 줄이며, #ffffff 형태 HEX와 0px 같은 0 값을 축약하고, } 앞 마지막 세미콜론을 뺍니다. CSS 파서가 아니며, 문자열 안의 주석처럼 보이는 텍스트가 손상될 수 있습니다. 입력하는 동안 실시간 미니파이나 용량 절감 표시는 없습니다.
주요 기능 및 장점
붙여 넣은 CSS를 로컬에서 정규식 스타일로 미니파이하도록 만들어졌습니다:
클라이언트 측 프라이버시
미니파이는 브라우저에서 실행됩니다. 스타일시트는 원격 서버로 업로드되거나 저장되지 않습니다.
기본 용량 축소
/* */ 주석, 여분 공백, 닫는 중괄호 앞 ;}를 제거합니다. 반복 HEX(#ffffff → #fff)와 단위 붙은 0(0px → 0)도 축약합니다. 선택자 병합, calc() 재작성, cssnano 최적화는 하지 않습니다. 얼마나 작아지는지는 입력에 따라 다릅니다.
클릭 후 변환
Minify CSS를 누른 뒤에 결과가 나옵니다. 입력하는 동안 실시간으로 바뀌지 않습니다. 파일 선택기는 없습니다.
무료, 계정 불필요
로그인이나 유료 플랜 없이 쓸 수 있고, 코드상 크기 한도는 없습니다. 아주 긴 붙여넣기는 탭이 느려질 수 있습니다.
자주 묻는 질문 (FAQ)
미니파이를 하면 레이아웃이나 동작이 달라지나요?
일반적인 스타일시트에서는 주석과 여분 공백을 없애도 레이아웃이 바뀌지 않습니다. 명세를 완전히 따르는 미니파이어는 아닙니다. /* */를 정규식으로 지워서 문자열 안의 주석처럼 보이는 텍스트가 건드려질 수 있고, HEX·0 축약은 파싱 없이 적용됩니다. 배포 전에 브라우저에서 결과를 확인하세요.
미니파이 중에 코드가 외부 서버에 저장되거나 전송되나요?
아니요. 미니파이는 브라우저 JavaScript로 실행됩니다. 스타일시트는 Toolo 서버로 전송되거나 기록, 저장되지 않습니다.
파일 크기는 얼마나 줄어드나요?
원래 공백과 /* */ 주석이 얼마나 있었는지에 따라 다릅니다. 이 페이지는 절감 비율을 보여 주지 않습니다. 이미 미니파이된 CSS는 거의 안 줄어들 수 있습니다.
cssnano나 clean-css와 같나요?
아니요. 그 도구들은 CSS를 파싱하고 최적화를 많이 적용합니다. Toolo는 브라우저에서 작은 치환 규칙만 돌립니다. 그 출력이 필요하면 프로덕션 빌드에서 cssnano/clean-css(또는 번들러)를 쓰세요. 이 페이지는 붙여 넣어 빠르게 압축할 때 씁니다.