🎨 CSS 圧縮・整形

CSSから空白やコメントを取り除いてファイルサイズを削減したり、ルールごとに改行してインデントされた読みやすい形に整形します。セレクタやプロパティを構造的に解析するため、:hover などの疑似クラスや calc() の値が壊れることはありません。

使い方

1. CSSを貼り付けるか、.css ファイルを読み込みます。
2. 「整形」または「圧縮」タブを選びます（整形時はインデント幅を選択）。
3. 結果と削減率を確認し、コピーボタンで取り出します。

よくある質問

@media や @keyframes などのルールも処理できますか？

はい。ネストされた @media・@supports・@keyframes ブロックを認識し、内側のルールまでインデントまたは圧縮します。@import・@charset などの一行ルールもそのまま維持します。

圧縮すると何が削除されますか？

コメントと不要な空白・改行、ブロック末尾の最後のセミコロンが削除されます。文字列や calc() 内の演算に必要な空白は安全に保持されます。

すべてのCSSを完璧に扱えますか？

基本的なパーサーのため、非常に特殊な構文では結果が異なる場合があります。重要なファイルは圧縮後にスタイルが崩れていないか確認する参考用としてご利用ください。