無料ツール。登録不要。
CSSミニファイア
本番用にスタイルシートを圧縮:コメントと空白を除去し、色とゼロ値を短縮、削減バイト数を正確にレポートします。
このツールの機能
ミニファイはブラウザが不要とするものをすべて除去します:コメント、改行、インデント、波括弧やコロンの前後の空白、末尾のセミコロン、さらに#ff0000→redや#f00、0px→0といった安全な短縮も行います。動作は同じまま、ダウンロードが速くなります。
例
body { color: #ff0000; margin: 0px; }はbody{color:red;margin:0}に。39文字から24文字へ、約38%の削減です。
いつ圧縮するか
本番環境に出すCSSを圧縮しましょう。読みやすい原本を正として保管し、変更のたびに圧縮版を再生成してください。
あくまで目安です。表示の公表価格に基づいて計算しており、実際の請求額とは異なる場合があります。 利用規約
よくある質問
圧縮でCSSの動作は変わりますか?
いいえ。CSSパーサーが無視する文字と、安全性が証明された短縮のみを行います。セレクター、詳細度、カスケードの動作は変わりません。
どれくらい小さくなりますか?
通常20〜40%で、元の空白やコメント量によります。正確な削減量を表示します。
開発中も圧縮すべき?
いいえ。開発中は読みやすいCSS(ビルドで使うならソースマップ)で作業し、ビルド時かデプロイ前にここで圧縮してください。
CSSはサーバーに送信されますか?
いいえ。圧縮はブラウザ内でローカルに行われ、独自のスタイルシートも外部に出ません。