このツールでできること
CSS Minifier は不要な空白や通常のコメントを除き、短縮できるスタイル宣言を整理します。文字列、セレクター、関数は CSS の構文に沿って扱います。圧縮後は使用先のページで表示を確認してください。
- /*!ライセンスフォーム内のコメントは保持されます。
- 最新のセレクター、メディア クエリ、calc()、カスタム属性をサポートします。
- 解析エラーが表示されますが、古いエラー結果は出力されません。
使い方
- CSSを貼り付けます。
- 「CSSを圧縮」をクリックします。
- 圧縮結果と節約率を表示します。
- minified.css をコピーまたはダウンロードし、視覚的な回帰テストを実行します。
主な用途
- 本番環境のスタイルシートのサイズを最適化します。
- 無意味な空白や単純なコメントを削除します。
- 安全に最適化できる宣言と値を統合します。
CSS Minifierの機能
CSSを小さくまとめ、圧縮前後のサイズを比較できます。文字列、calc()、カスタムプロパティを含むCSSにも対応します。結果を確認してコピーするか、CSSファイルをダウンロードしてください。
FAQ
圧縮では何が最適化されますか？
冗長性を削除し、短い形式で表現できる値を短縮し、安全ルールに基づいて一部の宣言を再構築します。
カスタム属性は保持されますか?
一般的な CSS カスタムプロパティは保持されます。複雑なスタイルでは、圧縮後の表示を対象ブラウザーで確認してください。
/* を保持する理由コメントは？
これらのコメントにはライセンスや著作権の情報が含まれることが多いため、圧縮結果にも残します。