無料オンライン CSS 圧縮・整形ツール

CSS を貼り付けて本番用に圧縮、または読みやすく整形。バイト削減量をリアルタイムで確認し、結果をコピー — すべてブラウザ内で完結します。

元サイズ: 386 B圧縮後: 280 B27.5%

CSS 入力

出力

*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width:768px){.container{padding:0 0.5rem}body{font-size:14px}}

機能

コメント・空白・末尾セミコロンを除去して CSS を圧縮
設定可能なインデントで CSS を整形（2、4、8 スペース）
リアルタイムのサイズ比較（削減バイト数と圧縮率を表示）
@media クエリ、@keyframes、ネストされたルールに対応
CSS 文字列内のコンテンツを保持
100% クライアントサイド処理 — CSS はブラウザから送信されません

よくある質問

圧縮で CSS が壊れますか？

いいえ。圧縮はレンダリングに影響しない文字（コメント、余分な空白、不要なセミコロン）のみを削除します。

CSS はサーバーに送信されますか？

いいえ。すべての処理はブラウザ内の JavaScript で完結します。

SCSS や LESS に対応していますか？

本ツールは標準 CSS 用です。SCSS/LESS は先にコンパイルしてからご利用ください。

ヒントと関連ワークフロー

CSS コンテンツ文字列の特殊文字をエンコードしたい場合は？HTML Entity Encoder.
元の CSS と圧縮後を並べて比較したい場合は？Diff Checker.
CSS ツールの JSON 設定を整形したい場合は？JSON Formatter.