CSS ミニファイア

空白、コメント、冗長なコードを削除して CSS を圧縮します。コピーまたはダウンロード。

入力
出力
0 文字 0 行

CSS ミニファイア

このツールは CSS から不要な空白、コメント、オプション文字を削除してミニファイします。スタイルを保持しながら、より速く読み込まれるコンパクトな CSS が得られます。

操作はブラウザでローカルに実行されます。データはアップロードされず、サーバーに保存されません。

使い方

  1. CSS コードを入力エディタに貼り付けます。
  2. CSS ミニファイをクリックしてコードを圧縮します。
  3. ミニファイされた CSS が不要な文字が除去された状態で出力エディタに表示されます。
  4. コピーでクリップボードへ、ダウンロードでファイル保存、クリアでリセット。

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 へのリンクを返します。