CSS圧縮(Minify)
スタイルシートを貼り付けると、同じ意味を持つ最小のCSSと、削減できる正確なサイズがわかります。
このデバイス内で封印済み
ブラウザ内で動作します。何もアップロードされません。
封印済み
圧縮後のCSS
入力に合わせて、ここに圧縮後のCSSが表示されます。
使い方
-
CSSを貼り付ける
スタイルシートを貼り付けるか、.cssファイルを開きます。入力に合わせて圧縮が始まります。
-
圧縮の度合いを選ぶ
ルールを統合すると最も小さくなります。ルールの順序を書いたとおりに保つ必要がある場合はオフにしてください。
-
コピーまたはダウンロード
gzipを含む圧縮前後のサイズを確認し、結果をコピーするか、.min.cssファイルをダウンロードします。
よくある質問
CSSはアップロードされますか?
いいえ。圧縮はオープンソースのCSSOエンジンを使ってブラウザ内で行われます。スタイルシートがデバイスの外に出ることはありません。
圧縮では何が削除されますか?
空白、改行、コメント、各ブロックの最後のセミコロン、不要なゼロや単位です。色は短縮され(例:#ff0000 は red になります)、重複した宣言は削除されます。
「ルールを統合・並べ替え」とは何ですか?
セレクターや宣言が共通するルールをまとめ、安全な場合は移動します。多くの場合、これが最も容量を削減できます。スタイルが特殊なカスケード順序に依存している場合は、オフにして書いたとおりの構造を保ってください。
/*! コメントを残すのはなぜですか?
/*! で始まるコメントには、通常、コードと一緒に残す必要があるライセンスや著作権表示が書かれています。それ以外のコメントはすべて削除されます。
gzipサイズとは何ですか?
Webサーバーは通常、CSSを圧縮してから送信します。ブラウザ内で計測したgzipの値は、実際にネットワーク上を転送されるおおよそのバイト数を示します。