使い方
- CSS を貼り付けます。
- ルールを再構成するか、ライセンスコメントを残すかを選びます。
- 「圧縮（Minify）」をクリックするか、Ctrl+Enter（Mac では ⌘+Enter）を押します。
- 圧縮した CSS をコピーまたはダウンロードします。
オプションの説明
- ルールを統合・再構成する
- 安全な場合に限り、同じセレクターや同じ宣言を持つルールをまとめます。オフにすると、空白の削除と値の短縮だけを行います。
- ライセンスコメントを残す
- /*! で始まるコメントを残します。これはライセンス表記に使われる慣例です。
使用例
a { color: #ff0000; }
/* note */
a { margin: 0px; }は a{color:red;margin:0} に圧縮されます。
よくある質問
何が短縮されますか？
色（#ff0000 → red、#ffffff → #fff）、単位付きのゼロ（0px → 0）、不要なセミコロンや引用符、空白です。再構成をオンにすると、重複するルールも統合されます。
再構成でページの見た目が変わることはありますか？
CSSO はカスケードの結果が変わらない場合にだけ宣言を移動します。特殊なハックに頼っている場合は、結果を比較するか再構成をオフにしてください。
コードはアップロードされますか？
いいえ。圧縮はブラウザ内で行われます。
プライバシー
このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。