コメントと余分な空白を削除します

配布や比較に向けてコードを小さくしたい開発者は、CSSミニファイアでコンパクトな結果を作れます。

コメントと余分な空白をCSSから除き、次の工程で使えるコンパクトなコードを得られます。登録不要で、いつでもブラウザー内から無料で手軽に使えます。

サンプルには、複数行にわたって書かれた2つのルールがあり、マージン、背景、パディングが分散しています。処理後に2つのテキストを並べて比較し、すべてのセレクター、プロパティ、値が圧縮版にもまだ含まれているか確認してください。

入力

body {
    color: #17211d;
    margin: 0;
}

.card {
    padding: 12px;
    background: #ffffff;
}

出力

body{color:#17211d;margin:0} .card{padding:12px;background:#ffffff}

処理はブラウザー内で行われます。貼り付けた CSS はそこにとどまり、どこにも送信されず、タブを閉じると消えます。つまり、クライアントのスタイルシートをコンピューターの外に出さずに圧縮できます。

コメントと余分な空白がなくなるため軽くなり、小さいファイルはより速くダウンロードされます。どれほど体感できるかは、スタイルシートのサイズと、ページが取得しなければならない他のすべてのものによります。

このページからはできません。コメントと元のインデントは処理で失われるため、読みやすいレイアウトを再構築することはできません。コピーで作業するか、置き換える前にフォーマット済みファイルをバージョン管理に保管してください。

2つの値、2つのセレクター、またはプロパティ内の単語を区切る空白は構文の一部です。文法上の役割がない空白だけが削除されるため、圧縮結果は有効な CSS として引き続き解析されます。