🗜️ CSS圧縮

CSS圧縮について

このCSS圧縮ツールは、すべてブラウザ内で完結します。スタイルシートを貼り付け、圧縮をクリックすると小さくなったバージョンが即座に得られます。サーバーへのアップロードは一切なく、すべての処理はJavaScriptによりあなたのデバイス上で行われます。

削除されるもの

• コメント —— すべての /* ... */ コメントブロックを削除します。
• 空白 —— 連続する空白を縮小し、{ } : ; , > + ~ 周辺のスペースを削除します。
• 末尾セミコロン —— 閉じ中括弧の直前の最後のセミコロンを削除します。
• 改行 —— 改行を削除し、1行のコンパクトな出力を生成します。

圧縮ツールの使い方

1. 入力ボックスにCSSを貼り付けます。
2. 圧縮をクリックして圧縮結果を出力します。
3. 統計行で元のサイズ・圧縮後サイズ・削減率を確認できます。
4. コピーで圧縮CSSをクリップボードへ、クリアでやり直せます。

よくある質問

圧縮でスタイルは壊れますか？ 有効なCSSに対する変換は安全で、セレクタ・値・重要なコメントが正しく保持されます。

メディアクエリやネストされたルールは処理されますか？ はい。標準的な@ルールやネストされたルールブロックはそのまま保持し、無意味な空白とコメントのみを削除します。

CSSはアップロードされますか？ いいえ、すべての処理はローカルブラウザで行われます。