CSS ミニファイア

CSS ミニファイア

このツールは CSS から不要な空白、コメント、オプション文字を削除してミニファイします。スタイルを保持しながら、より速く読み込まれるコンパクトな CSS が得られます。

操作はブラウザでローカルに実行されます。データはアップロードされず、サーバーに保存されません。

使い方

1. CSS コードを入力エディタに貼り付けます。
2. CSS ミニファイをクリックしてコードを圧縮します。
3. ミニファイされた CSS が不要な文字が除去された状態で出力エディタに表示されます。
4. コピーでクリップボードへ、ダウンロードでファイル保存、クリアでリセット。

CSS ミニファイとは？

CSS ミニファイは CSS コードから不要な文字——空白、コメント、冗長な構文——を削除し、スタイルの適用方法を変えません。これによりファイルサイズが小さくなり、ページ読み込みが高速化されます。

CSS のミニファイは本番ウェブサイトの標準的な慣行です。

入力に関する注意

このツールは任意の CSS 入力を受け付けます。ミニファイアはすべてのスタイルルールを保持します。

例

フォーマットされた CSS はミニファイ後にコンパクトになります：

--- Formatted Input ---
/* Main styles */
body {
  margin: 0;
  padding: 0;
}

--- Minified Output ---
body{margin:0;padding:0;}