CSS 圧縮 & CSS Minify

無料オンライン CSS Minifier・CSS 圧縮ツール

CSS Minifier は、ブラウザに不要な文字や記述を削除・短縮して CSS を圧縮し、転送されるデータ量を減らします。CssCompressor.net ならビルドツールをインストールせずに CSS をオンラインで Minify できます。設定に応じて、空白、カラー値、font-weight、ショートハンド、不要なバックスラッシュ、末尾のセミコロンなどを最適化します。

CSS をオンラインで Minify する方法

1. CSS ソース欄にスタイルシートを貼り付けます。
2. 圧縮レベルを選ぶか、詳細オプションを開きます。
3. CSS を圧縮をクリックし、Minify 後のコードをコピーします。

CSS を圧縮するメリット

開発用 CSS には、人が読みやすいように改行、インデント、空白が含まれています。ブラウザはその多くを必要としません。スタイルシートを小さくすると転送量を減らし、ダウンロードを高速化できます。編集用の読みやすい元ファイルは保存し、本番投入前に圧縮結果をテストしてください。

CSS Minifier と CSS Compressor の違い

CSS Minifier、CSS Compressor、CSS 圧縮、CSS 最小化、CSS 軽量化は、一般に「動作を保ちながらコードをよりコンパクトにする」という同じ目的で使われます。4 段階の設定で、最大圧縮と可読性のバランスを選べます。