CSS Minifier

このツールについて

CSSミニファイはスタイルシートからすべての空白、コメント、冗長な文字を削除しながら、完全な機能を保持します。ブラウザはミニファイされたCSSを元のCSSと同様に解釈します。

大きなスタイルシートでは、ミニファイにより通常20〜50%サイズが削減されます。サーバーのgzip圧縮と組み合わせることで、さらに大きな節約が得られます。

使い方

1. 左の入力パネルにCSSを貼り付けます。
2. 「ミニファイ」をクリックしてCSSを圧縮します。
3. 節約インジケーターで削除された文字数を確認できます。

活用事例

フロントエンド開発者が本番デプロイ前にCSSバンドルサイズを削減するために使用します。ビルドツールで管理されていないサードパーティのスタイルシートを手動でミニファイするのにも便利です。

よくある質問

• ミニファイするとCSSの動作が変わりますか？ — いいえ。ミニファイは空白、コメント、冗長なセミコロンを削除するだけで、セレクタ、プロパティ名、値は変更しません。
• CSSコメントは削除されますか？ — はい。ファイルサイズを削減するために、ミニファイ時にすべてのコメント（/* ... */）が削除されます。
• CSSはサーバーに送信されますか？ — いいえ。すべての処理はブラウザでローカルに実行されます。CSSがデバイスの外に出ることはありません。