CSS ミニファイア

ルールを並べ替えることなく、CSS をコンパクトなスタイルシートに圧縮します。

入力

出力

0 文字 0 行

カスケードを維持しながら CSS を縮小します

CSS ミニファイアは、回避可能な空白、コメント、書式設定を削除するため、スタイルシートの占有スペースが少なくなります。 これは、完全なビルドパイプラインを必要としないクイックスニペット、埋め込みスタイル、サンプル、静的アセットに役立ちます。

CSS 縮小化では、セレクターの順序、宣言の順序、特異性、カスケードレイヤー、カスタムプロパティ、および at-rule 構造を保持する必要があります。ルールの並べ替えや結合によって計算されたスタイルが変更される可能性があるため、このツールは危険な最適化ではなく、コンパクトなテキストに重点を置いています。

使い方

CSS コードを入力エディターに貼り付けます。
CSS を縮小をクリックして、回避可能な書式設定とコメントを削除します。
出力を確認して、ルールの順序、アットルール、およびカスタムプロパティが保持されていることを確認します。
クリップボードには コピー、ファイルには ダウンロード、リセットには クリア を使用します。

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 が必要な画像ツールは発見用に公開され、必要に応じて Web UI へのリンクを返します。