CSS圧縮ツール

CSSを圧縮してファイルサイズを削減、または圧縮されたCSSを読みやすく整形します。

0 / 500,000
結果
CSSを入力して圧縮または整形
最大500,000文字まで処理可能。すべての処理はブラウザ内で行われ、データは外部に送信されません。

使い方

  1. 1

    CSSを貼り付け

    入力エリアにCSSコードを貼り付けるか、サンプル読込をクリックしてください。

  2. 2

    モードを選択

    圧縮でコメントと空白を削除、整形で適切なインデントにフォーマットします。

  3. 3

    統計を確認

    元のサイズ、出力サイズ、削減バイト数、削減率を一目で確認できます。

  4. 4

    結果をコピー

    コピーボタンをクリックして処理済みCSSを取得。本番環境では圧縮CSSを使用してページ読み込みを高速化しましょう。

よくある質問

CSS圧縮とは何ですか？
CSS圧縮は、コメント、空白、改行、閉じ波括弧前の最後のセミコロンなど不要な文字を機能を変えずに削除します。
圧縮するとCSSが壊れますか？
いいえ。圧縮は必須でない文字のみを削除します。CSSルール、セレクター、値はまったく同じに保たれます。
整形モードは何をしますか？
整形モードは圧縮されたCSSや乱雑なCSSを適切なインデント、改行、スペースで再フォーマットします。
ファイルサイズをどのくらい削減できますか？
通常、コメント付きの整形されたCSSで20-40%削減できます。