CSS整形・圧縮ツール
圧縮されたCSSを、1行に1プロパティの読みやすいルールに整形します。コメントや空白を削除してCSSを圧縮し、ファイルサイズを減らすこともできます。
使い方
- 1
入力を貼り付けるか入力する
テキストやコードを貼り付けるか、ファイルをエディターにドロップ、または「ファイルを開く」をクリックします。「サンプルを読み込む」で使い方を確認できます。
- 2
オプションを選ぶ
入力と同時に結果が更新されます。モードやオプションを切り替えて、必要な出力に仕上げましょう。
- 3
コピーまたはダウンロード
ワンクリックで結果をクリップボードにコピーするか、ファイルとしてダウンロードします。
PixNudgeが選ばれる理由
データはブラウザの外に出ません
パスワード、APIキー、トークン、SQLクエリ、顧客データはお使いのデバイス上で処理され、サーバーに送信されることはありません。
すぐに結果を表示
アップロードも待ち時間もありません。大きな入力でも、入力と同時に結果が表示されます。
無料・登録不要
アカウント不要、利用制限なし、ツール内に広告もありません。ブックマークして、必要なときにいつでもお使いください。
よくある質問
圧縮するとCSSはどのくらい小さくなりますか？
スタイルシートに含まれるコメントやインデントの量にもよりますが、通常は15～30%です。圧縮前後のサイズは結果の下に表示されます。
CSSを圧縮しても安全ですか？
圧縮では、コメントと意味を持たない空白だけを削除します。文字列、calc()式、子孫結合子などのセレクターはそのまま保持されます。/*!で始まるコメント（通常はライセンス）は常に残されます。
SCSSやLessも整形できますか？
SCSSやLessの構文はCSSに近いため、基本的なファイルであれば通常は問題なく整形できます。複雑な引数を持つミックスインなどの高度な機能は、インデントが完全にはそろわない場合があります。