カテゴリー: 開発ツール

CSS 圧縮

CSS のコメントと空白をローカルで削除

コメント、余分な空白、不要なセミコロンを削除して CSS を小さくします。CSS はブラウザ内に残り、アップロードされません。

ブラウザ内で圧縮しました。

結果
.tool-card{display:grid;gap:12px;color:#123}.tool-card:hover{color:#00796b}
元のサイズ121 B結果のサイズ75 B

このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。

このツールでできること

このツールは CSS 風のテキストをローカルでトークン化し、コメントを取り除き、一般的な区切りを詰めて、ブラウザが読める小さなスタイルシートにします。

使い方

  1. CSS を入力欄に貼り付けます。
  2. 圧縮結果とサイズ差を確認します。
  3. 圧縮した CSS をスタイルシートやビルドメモにコピーします。

プライバシー

このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。

よくある質問

CSS はアップロードされますか?
いいえ。圧縮はブラウザタブ内だけで実行されます。
高度な最適化を行いますか?
いいえ。セレクタ結合や危険な書き換えではなく、安全な空白とコメント削除に集中します。
短いスニペットにも使えますか?
はい。小さなルール、埋め込み CSS、素早い整理に向いています。