使い方

貼り付け → 実行 → 確認 → コピー。すべてはブラウザ内で完結します。

CSS・HTML・JSON などをエディタに貼ります。アップロードはしません。

変換または実行をクリック。結果はすぐに表示されます。

生成コードと注意書きを公開前に確認します。

出力をコピーしてプロジェクトに貼り付けます。

このツールについて

コメントや不要な空白を削って、配信する CSS のサイズを小さくします。手早い確認に向いたツールで、本番のビルドでは通常バンドラー側で圧縮します。

例には、圧縮すると消えるコメントが 1 行含まれています。

入力

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

出力

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

圧縮後のファイルだけを残さず、整形済みの元ファイルを必ずリポジトリに保管しておきましょう。