CSS フォーマッター&ミニファイアー – 無料オンラインツール

CSS コードを即座に整形・圧縮。インデントのカスタマイズ、カラー値の最適化、圧縮統計の表示に対応。

無料で使う →

機能

カスタムインデント

整形出力に 2 スペース、4 スペース、またはタブインデントを選択できます。

🗜️

スマート圧縮

空白、コメントを削除し、カラー値を最適化して CSS を圧縮します。

📊

圧縮統計

圧縮後がオリジナルと比べてどれだけ小さくなったかを正確に表示します。

🔒

プライバシー優先

すべての処理はブラウザ内でローカルに行われます。CSS はデバイスの外に出ません。

📋

ワンクリックコピー

整形または圧縮した CSS をクリップボードにコピーします。

🎨

カラー値の圧縮

#ffffff を #fff に、rgb(0,0,0) を #000 に自動圧縮します。

使い方

1

CSS を貼り付け

CSS コードを入力パネルに貼り付けるか入力します。

2

オプションを選択

インデントスタイルとカラー圧縮の有無を選択します。

3

整形または圧縮

「整形」をクリックして整形するか、「圧縮」をクリックして CSS を最小化します。

4

統計を確認してコピー

圧縮率を確認し、結果をコピーします。

よくある質問

CSS の圧縮で何が削除されますか?
圧縮では不要な空白、改行、コメントがすべて削除されます。また、カラー値(#ffffff → #fff)の圧縮、font-weight 値の短縮、安全な末尾セミコロンの除去も行われます。
CSS はサーバーに送信されますか?
いいえ。すべての整形・圧縮はカスタム CSS パーサーを使ってブラウザ内でローカルに行われます。CSS はデバイスの外に出ません。
CSS ネストに対応していますか?
はい。モダンな CSS ネスト構文は整形・圧縮どちらの出力でも正しく処理されます。

← pudone! ホームへ戻る