このCSSミニファイヤーは無料ですか?

はい。登録不要で、必要なだけスタイルシートをミニファイできます。処理はブラウザ内で行われます。

CSSはアップロードされたり保存されたりしますか?

いいえ。ミニファイはブラウザ内でローカルに行われます。入力したスタイルシートがGetUpToolsのサーバーに送信されることはありません。

CSSをミニファイするとセレクタやURLが壊れませんか?

ミニファイヤーが行うのはコメントと空白の削除だけで、クラス名の書き換えやプロパティの省略記法への変換は行いません。クォートで囲まれた文字列やurl()の値はそのまま保持されます。それでもスタイルシートが特殊な場合はページを表示して確認してください。

CSSにおける/*! */コメントとは何ですか?

/*!で始まるコメントは、ミニファイヤーに保持してほしいライセンスや重要なバナーであることを示す一般的な書き方です。スタイルシートにこの記法が必要な場合は、該当のオプションを有効にしてください。

CSSのミニファイにサイズ制限はありますか?

アップロードが発生しないため、サーバー側の制限はありません。非常に大きなファイルの場合はブラウザのメモリが上限になります。一般的なコンポーネントやページのスタイルシートであれば、ミニファイは瞬時に完了します。

CSS圧縮ツール

ブラウザ上でCSSを圧縮します。コメントと空白を削除し、/*! */形式のライセンス表記は任意で保持可能。削減されたサイズも表示され、登録もアップロードも不要です。

入力

0文字

出力

完全ブラウザ内処理
このタブ内でローカルに実行されます
アップロード不要
ファイルがこの端末から出ることはありません
何も保存されません
タブを閉じると入力内容は消えます
即座に結果表示
待ち行列やサーバー待機はありません

スタイルシートからコメントと空白を除去

展開されたCSSを貼り付けると、本番用のコンパクトなスタイルシートが得られます。コメントと余分な空白は取り除かれ、セレクタと値はそのまま保たれます。バンドラーを通していないスニペットやテーマの上書き、ファイルを公開する前に使ってください。

必要な/! /ライセンスコメントは保持

ライセンスによっては、ミニファイ後もバナーを残すことが求められる場合があります。「/*! */コメントを保持」をオンにすると、通常のコメントは消えても、そうしたブロックは残ります。これはCSSミニファイヤーで一般的な慣習です。

元のサイズ、ミニファイ後のサイズ、削減率を確認

統計には、削減されたバイト数と行数が表示されます。ランディングページでミニファイの効果を説明するときや、大きなコメントブロックが実際にファイルの大半を占めていたかどうかを確認するときに役立ちます。

CSSのミニファイはブラウザ内で実行されます

スタイルシートがアップロードされることはありません。内部で使っているクラス名や未公開のキャンペーン、クライアントの作業内容はデバイス内にとどまります。アカウントもファイル転送も不要です。

CSSをオンラインでミニファイする方法

1
CSSを貼り付ける
スタイルシート、コンポーネントのスタイル、ミニファイしたいCSSのいずれかを入力欄に貼り付けます。.cssファイルをサーバーにアップロードする必要はありません。
2
/*! */コメントを残すかどうかを決める
ライセンスバナーを残す必要がある場合はオプションをオンのままにします。すべてのコメントを消したい場合はオフにします。
3
削減率の統計を確認する
元のサイズ、ミニファイ後のサイズ、削減率、削除された行数を比較して、実際にファイルが圧縮されたかを確認します。
4
ミニファイされたCSSをコピーする
コンパクトになった出力をビルドやCMS、メールにコピーします。作業が終わったらワークスペースをクリアしましょう。サーバーには何も保存されません。