CSS 미니파이어

규칙을 재정렬하지 않고 CSS를 컴팩트 스타일시트로 압축합니다.

입력

출력

0 문자 0 줄

캐스케이드를 유지하면서 CSS 축소

CSS 미니파이어는 피할 수 있는 공백, 주석 및 서식을 제거하여 스타일시트가 공간을 덜 차지하도록 합니다. 전체 빌드 파이프라인이 필요하지 않은 빠른 코드 조각, 포함된 스타일, 예제 및 정적 자산에 유용합니다.

CSS 축소는 선택기 순서, 선언 순서, 특이성, 계단식 레이어, 사용자 정의 속성 및 at-rule 구조를 보존해야 합니다. 규칙을 재정렬하거나 병합하면 계산된 스타일이 변경될 수 있으므로 이 도구는 위험한 최적화보다는 간결한 텍스트에 중점을 둡니다.

사용 방법

CSS 코드를 입력 편집기에 붙여넣습니다.
CSS 미니파이를 클릭하여 피할 수 있는 서식과 주석을 제거하세요.
출력을 검토하여 규칙 순서, at-규칙 및 사용자 정의 속성이 유지되는지 확인하세요.
클립보드에는 복사를 사용하고, 파일에는 다운로드를 사용하고, 재설정하려면 지우기를 사용하세요.

CSS 축소기는 무엇입니까?

CSS 미니파이어는 읽을 수 있는 CSS를 더 작은 스타일시트로 변환하는 브라우저 기반 유틸리티입니다. 브라우저에 필요하지 않은 서식 지정 문자를 제거하면서 동일한 규칙과 선언을 유지합니다.

라이센스 배너나 빌드 도구 주석과 같은 일부 주석은 의미가 있습니다. 읽을 수 있는 소스 파일을 유지하고 이를 사용하는 페이지에서 축소된 CSS를 시각적으로 확인하세요.

입력 참고사항

CSS만 붙여넣으세요. 프로젝트에 자동 접두사, 소스 맵, 사용되지 않은 CSS 제거 또는 고급 병합이 필요한 경우 일반 빌드 및 브라우저 테스트 프로세스를 통해 출력을 실행하세요.

예시

짧은 스타일시트는 주석을 제거하고 공백 형식을 지정하여 압축됩니다.

--- Formatted Input ---
/* Main styles */
body {
  margin: 0;
  padding: 0;
}

--- Minified Output ---
body{margin:0;padding:0;}

MCP 통합

MCP(Model Context Protocol)를 통해 AI 에이전트와 앱은 Coding.Tools 유틸리티를 발견하고 반복 가능한 변환, 포맷팅, 해시, 생성 워크플로에서 실행할 수 있습니다.

MCP 도구 이름: css-minifier

MCP 엔드포인트: https://coding.tools/mcp

먼저 tools/list를 호출하세요. 각 도구 항목에는 inputSchema, outputSchema, examples가 포함되어 AI 에이전트나 클라이언트가 추측 없이 유효한 인수를 만들 수 있습니다.

tools/call에서는 표시용 값은 result.content[0].text에서, 기계 파싱용 값은 result.structuredContent에서 읽으세요. 도구 수준 실패는 isError: true를 반환하고, 프로토콜 수준 실패는 JSON-RPC error를 반환합니다.

tools/call 요청 예시:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-minifier","arguments":{"input":".button {\n  color: white;\n  background: #3366cc;\n  padding: 8px 12px;\n}"}}}'

대부분의 텍스트 및 데이터 도구는 input 문자열과 선택적 options를 받습니다. 브라우저 이미지 API가 필요한 이미지 도구는 검색 대상으로 제공되며, 브라우저 기능이 필요할 때 웹 UI 링크를 반환합니다.