軽いCSSか、読みやすいCSSか——お好みで
本番では速く読み込む圧縮CSS、開発では読みやすい整形CSSがほしいもの。このツールは両方向に対応し、毎回どれだけバイトを削減（または追加）したかを表示します。
-
CSSを貼り付け
1ルールでも1ファイル全体でも、サイズ不問。
-
圧縮か整形
最大圧縮、またはきれいな再インデント。
-
削減を確認
バイト数の前→後とパーセント。
圧縮が取り除くもの
| 前 | 後 |
|---|---|
| /* コメント */ | （削除） |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| 改行とタブ | （削除） |
あえてシンプルで安全な圧縮ツール：名前の変更もルールの統合もしません。重要な本番には、ビルドツール（cssnano、Lightning CSS）がさらに踏み込みます。
よくある質問
なぜCSSを圧縮する？
軽いCSSファイルは速くダウンロードされます：ページの表示が早まり、帯域も節約。大きなファイルでは、コメント・空白・改行の除去で20〜40%の軽量化になることがよくあります。
圧縮で表示は変わる？
いいえ：触れるのは不可視文字（空白、改行、コメント）と不要な末尾セミコロンだけ。ルール、値、セレクターは同一のまま。ブラウザはまったく同じスタイルを解釈します。
「整形」モードは何をする？
逆の処理です：圧縮済みや乱れたCSSを、1ルール1行・インデント付きで再整形し、読みやすく編集しやすくします。サイトの圧縮CSSを解読して構造を理解するのに便利です。
スタイルシートはオンラインに送信される？
いいえ：すべての処理はブラウザ内で行われ、何も送信されません。機密や独自のCSSも、端末から出ることなく圧縮できます。