CSS整形・圧縮ツール
乱雑なCSSを整形して読みやすく。ルールの順序を崩さない安全モード搭載の圧縮機能で、本番用コードもスマートに書き出し。
入力されたCSSの整形および圧縮はすべてブラウザ上で行われます。BroBroGoにデータがアップロードされることはありません。
よくある質問
コード整形（Beautify）と圧縮（Minify）の違いは何ですか？
「コード整形（Beautify）」は、スタイルシートを読みやすく編集しやすくするために、インデントやスペースを再調整します。一方、「圧縮（Minify）」はその逆を行い、ブラウザのレンダリングに不要なスペースやコメントを削除し、カラーコードなどの値を短縮してファイルサイズを削減し、読み込みを高速化します。作業中は整形を行い、本番公開前に圧縮するのがおすすめです。
「Safe（安全）」と「Optimized（最適化）」の圧縮設定の違いは何ですか？
「Safe（安全）」設定では、不要なスペースやコメントの削除、値の短縮のみを行い、記述したすべてのルールを元の位置のまま維持します。「Optimized（最適化）」設定はさらに踏み込み、重複するセレクタやルールを統合してファイルサイズをより小さくします。ルールの順序が変更されることがあるため、記述順に依存するスタイルシートの場合は、公開前に動作確認を行うことを推奨します。なお、/*! … */ で始まるコメントはいずれの設定でも保持されます。
CSSを圧縮するとページの見た目に影響しますか？
「Safe（安全）」モードであれば、ページの見た目が変わることはありません。不要なスペースや通常のコメントを削除し、値を同等の短い形式（例: #ffffff を #fff に）に書き換えるだけで、ベンダープレフィックスやモダンな構文が変更されることはありません。一方、「Optimized（最適化）」モードではルールの統合も行われます。ほとんどのスタイルシートで表示は変わりませんが、ルールの適用順序に依存する記述がある場合は、念のため表示を確認することをおすすめします。