CSS Minifier

再構成による変更

ミニファイアは空白を削除するだけでなく、値を短縮し（#ffffffを#fff、0pxを0にするなど）、ルールを統合します。同じ宣言を持つ2つのセレクターは1つのルールにまとめられ、カスケードが許す場合は宣言が別のルールへ移動することもあります。そのため、出力はソースの順序に従わず、セレクターを検索しても他のセレクターとまとめられた状態で見つかることがあります。結果を読むには、CSSフォーマッターで展開してください。

ライセンスコメントは残る

通常のコメントは削除されますが、/*!で始まるコメントは残ります。これは、コードとともに配布する必要がある著作権表示やライセンス表示にライブラリが使う慣例です。そうした表示をこの形式で記述すれば、ミニファイ後のファイルでも要件を満たせます。

ミニファイすると、出力とソースの対応関係も失われます。ブラウザの開発者ツールでミニファイ済みCSSを元に戻して表示できるのはソースマップがある場合だけです。ソースマップはビルドツールが生成するもので、このページでは生成されません。そのため、編集するファイルとして読みやすい元ファイルを保管してください。

使い方

1. CSSを貼り付けます。
2. 「Minify CSS」を選びます。
3. 最適化されたスタイルシートをコピーするかダウンロードします。

プライバシーと制限事項

CSSはお使いのブラウザ内に留まります。導入前に、見た目とブラウザ対応要件に対して結果をテストしてください。