CSS Minifier (圧縮)

CSSを軽量化してパフォーマンス向上

入力CSS (Original)

圧縮結果 (Minified)

元のサイズ0 B

圧縮後0 B

削減率-0.0%

CSS Minifierの使い方

CSSファイルを圧縮して、Webサイトの読み込み速度を改善します。

圧縮したいCSSコードを「入力CSS」エリアに貼り付けます。

「CSSを圧縮する」ボタンをクリックすると、不要な文字が削除されます。

ファイルサイズがどれくらい削減されたかを確認し、コードをコピーして利用します。

空白、改行、コメントの削除

body {
  color: red;
  /* comment */
}

body{color:red}

圧縮すると動作が変わりますか？

いいえ、動作は変わりません。人間にとって読みやすい空白やコメントを削除するだけなので、ブラウザにとっては同じ意味を持ちます。

元に戻すことはできますか？

「Unminify（整形）」ツールなどを使えばある程度読みやすく戻せますが、削除されたコメントは元に戻りません。必ず元のファイルはバックアップを取っておくことをお勧めします。

CSSファイルのサイズを小さくすることで、ページの読み込み速度（PageSpeed Insightsのスコア）が向上し、SEOに良い影響を与える可能性があります。

開発中は読みやすいフォーマットで作業し、サーバーにアップロードする直前にMinifyするのが一般的なワークフローです。