CSS ミニファイアー
CSS の空白を減らし、値を短縮してルールを結合します。最上位の /*! コメントは保持します。元のスタイルシートを残し、公開前に表示を確認してください。
CSS ミニファイアー
CSS の空白を減らし、値を短縮してルールを結合します。最上位の /*! コメントは保持します。元のスタイルシートを残し、公開前に表示を確認してください。
CSS ミニファイアーについて
解析、圧縮、再生成
CSS ミニファイアーはスタイルシートを AST に解析し、圧縮処理を実行してから compact な CSS を再生成します。単純な空白削除よりも、冗長な構造を丁寧に扱えます。
本番 CSS を素早く確認
デモ、静的な断片、サイズ比較用に compact なスタイルシートが必要なときに使えます。読みやすい元 CSS はリポジトリに残し、圧縮結果はデプロイ用の成果物として扱います。
よくある質問
このテーマに関するよくある疑問と回答をまとめました。
CSS圧縮は何をしますか？
CSSO エンジンは不要な空白と通常のコメントを削除し、値を短縮してルールを結合します。/*! コメントはスタイルシートの最上位にある場合のみ保持され、ルールや @media ブロック内では削除されます。ライセンス表記は最上位の /*! ... */ コメントに置き、出力を確認してください。
圧縮でCSSが壊れませんか？
エンジンは表示の維持を目指しますが、書式を削除するだけでなく、値の書き換えやルールの再構成も行います。元の CSS を残し、特に新しい CSS 構文を使う場合は、公開前に対象ブラウザーで結果を確認してください。
ファイルサイズはどれくらい削減できますか？
削減率は一定ではありません。空白、コメント、重複ルールの量や、すでに圧縮されているかによって変わります。もともとコンパクトな CSS はほとんど小さくならない場合もあるため、実際の入力と出力を比較してください。
CSS 圧縮はブラウザ内だけで完結しますか？
いいえ。この CSS ミニファイアーは圧縮エンジンをサーバー側で処理するため、非公開または機密のスタイルシートは貼り付けないでください。