このツールに問題がありますか?

「CSS圧縮 オンライン」について

このツールは不要な空白、コメント、冗長な記法を取り除いて CSS をミニファイします。動作は同じで、サイズは通常 30〜50% 削減され、ページ表示の高速化と帯域節約に直結します。

代表的な処理:空白除去、コメント削除、HEX 色の短縮(#FFFFFF → #FFF)、同一宣言を共有するセレクタ統合、0 単位の省略(0px → 0)。

本番デプロイ前に実行してください。ブラウザ解釈結果は変わらず、可読性のみが失われます。デバッグ時は Source Map で元のコードに対応付け可能。

このツールの使い方

本番向けに CSS スタイルシートを圧縮する手順

  1. CSS を貼り付け

    「CSS」欄にスタイルシート全体(または部分)を貼り付け。コメント、改行、インデントは除去。文字列と url() リテラルはそのまま残ります。

  2. 「実行」

    結果は `minified` と `savedPercent`(入力からどれだけ縮んだか)。目安:手書き CSS で 20〜40%、最適化済みフレームワークではそれ未満。

  3. 削除される対象

    ブロックコメント `/* … */` と安全に削れる空白(`{ } : ; ,` 周辺)。`}` の直前のセミコロンは実装次第で残るか削るか — バイト単位で気になる場合は出力で確認を。

  4. 注意点

    重複セレクタの統合・色名の短縮(`#ffffff`→`#fff`)・宣言並び替えは行いません。よりアグレッシブな圧縮はビルドに csso や lightningcss を組み込んでください。