使い方

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

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

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

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

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

このツールについて

HTML から不要な空白と改行を取り除き、スニペットを小さくしたりサイズを手早く比較したりできます。pre やインライン JavaScript では空白に意味があるため注意が必要で、サイト全体はビルド時の圧縮が向いています。

サンプルはインデント済みのカードで、1 行にまとまります。

入力

<div class="card">
  <h2>Title</h2>
  <p>Body copy</p>
</div>

出力

<div class="card"><h2>Title</h2><p>Body copy</p></div>

サイト全体の圧縮は、各タグの文脈を理解できるビルドツールに任せるのが安全です。