CSS圧縮・整形

CSS圧縮・整形ツールとは、スタイルシートを人間が読みやすい形に整えたり（Beautify）、空白やコメントを削ってファイルサイズを小さくしたり（Minify）するユーティリティです。多くの簡易な実装は正規表現の一括置換でこれを行いますが、それでは文字列リテラルの中身（例: content: "a;b"）や url() の中のクエリ文字列・data URI（例: url(data:image/svg+xml;base64,...)）を誤って書き換え、スタイルシートを壊してしまうことがあります。 toco.toolsのCSS圧縮・整形ツールは、文字列・コメント・url() を正しく認識する字句解析を行ってからセレクタと宣言の構造を組み立てる方式を採用しており、これらのハザードを安全に扱います。/*! ... */ 形式のバン（!）コメント、つまりライセンス表記は圧縮後もそのまま保持されます。属性セレクタの引用符付きの値（a[title="x y"]）や、@media・@supports・@font-face・@keyframes・@import・@charset といった主要なat-ruleのネスト構造にも対応しています。 圧縮で行っているのは、コメントの除去・空白の圧縮・区切り記号まわりの空白除去・ブロック末尾の余分な「;」の省略・空の空ルールの削除・#aabbcc→#abcのようなHEXカラー短縮・0.5→.5のような小数の先頭ゼロ省略といった「意味を変えないことが保証できる」最適化のみです。0pxのような値からの単位除去（flex-basisなど一部のプロパティでは意味が変わり得ます）や、プロパティの並べ替え・統合（カスケードの挙動が変わり得ます）はあえて実装していません。最後の数バイトを削ることより、あなたのスタイルシートを壊さないことを優先する、という立場です。壊れたCSSを入力した場合も、黙って不正な結果を返すのではなく、エラーとして分かりやすく表示します。すべての処理はブラウザ内で完結し、外部へは一切送信されません。