このツールに問題がありますか?
「CSS圧縮 オンライン」について
このツールは不要な空白、コメント、冗長な記法を取り除いて CSS をミニファイします。動作は同じで、サイズは通常 30〜50% 削減され、ページ表示の高速化と帯域節約に直結します。
代表的な処理:空白除去、コメント削除、HEX 色の短縮(#FFFFFF → #FFF)、同一宣言を共有するセレクタ統合、0 単位の省略(0px → 0)。
本番デプロイ前に実行してください。ブラウザ解釈結果は変わらず、可読性のみが失われます。デバッグ時は Source Map で元のコードに対応付け可能。
このツールの使い方
本番向けに CSS スタイルシートを圧縮する手順
CSS を貼り付け
「CSS」欄にスタイルシート全体(または部分)を貼り付け。コメント、改行、インデントは除去。文字列と url() リテラルはそのまま残ります。
「実行」
結果は `minified` と `savedPercent`(入力からどれだけ縮んだか)。目安:手書き CSS で 20〜40%、最適化済みフレームワークではそれ未満。
削除される対象
ブロックコメント `/* … */` と安全に削れる空白(`{ } : ; ,` 周辺)。`}` の直前のセミコロンは実装次第で残るか削るか — バイト単位で気になる場合は出力で確認を。
注意点
重複セレクタの統合・色名の短縮(`#ffffff`→`#fff`)・宣言並び替えは行いません。よりアグレッシブな圧縮はビルドに csso や lightningcss を組み込んでください。