コード、データと QRツール

CSS 圧縮

スタイルシートを貼り付け、安全な書式上の余分をローカルで削除し、コードをアップロードせずにコンパクトな CSS をコピーまたはダウンロードします。

ブラウザ内で処理登録不要プライバシーの説明 ↗

最大 500,000 文字。処理はこのブラウザー内で行われます。

使い方

使い方

  1. エディターに CSS を貼り付けるか、サンプルを試します。
  2. コメントを削除するか選び、圧縮前後のサイズを確認します。
  3. 圧縮したスタイルシートをコピーするか、CSS ファイルとしてダウンロードします。

ローカルで行う限定的な圧縮

このツールは保守的なブラウザー内処理を行います。有効な場合は CSS コメントを削除し、引用文字列外の空白をまとめ、安全な句読点の周囲の間隔を削除します。スタイルシートは端末内に留まり、サーバーリクエストは不要です。

読みやすいソースも引き続き有用

圧縮は転送・保存サイズを減らしますが、整形済みのソーススタイルシートをプロジェクトに残し、圧縮結果はビルド成果物として生成してください。カスタムプロパティ、calc 式、URL、引用内容、データ値はテキストとして保持されます。

よくある質問

あわせて知りたいこと

圧縮でセレクターや値は変わりますか?

文字列とコメントの外にある書式文字を削除します。セレクター名の変更、色の書き換え、宣言の並べ替え、CSS パーサーの実行は行いません。

コメントはすべて削除すべきですか?

配布するスタイルシートにライセンスやクレジットのコメントを残す必要がある場合、コメント削除を無効にしてください。通常のコメントは既定で削除されます。

本番ビルドに使えますか?

ローカルで手早く結果を得るのに便利です。本番ではソースマップを保持し、プロジェクトの構文とブラウザー対象を理解するテスト済み CSS ビルドパイプラインを使用してください。