HTML圧縮（ミニファイ）・整形を無料でオンライン実行
HTMLをオンラインで圧縮・整形。空白とコメントを削除します。ブラウザ内で動作し、登録は不要です。
🔒 ファイルがブラウザの外に出ることはありません。すべての処理はお使いの端末内で行われます。
HTMLをオンラインで圧縮する方法
- 1
HTMLを貼り付ける
HTMLのドキュメントまたは断片を入力欄に貼り付けるか、直接入力します。
- 2
「圧縮」または「整形」をクリック
圧縮は空白をまとめてコメントを削除します。整形はインデントをそろえて読みやすくします。
- 3
結果をコピーする
「コピー」をクリックすると、出力結果がクリップボードにコピーされます。
HTMLはブラウザが最初に受け取るデータであり、他のリソースを見つけられるだけの量が届くまで、CSSもJavaScriptも画像も読み込みを始められません。すべての土台となるドキュメントを軽くするのは、小さくても確実な効果があります。パーサーは削除された空白を無視するため、動作に影響を与えずに10〜30%のサイズ削減が見込めます。
圧縮したHTMLが特に役立つのは、メールテンプレート（メッセージサイズに上限があり、超えた部分が切り捨てられるメールクライアントがあります）、リクエストごとにサーバーで生成されるページ、何百万回も配信される埋め込みウィジェット、各ページがマークアップ全体を送る静的サイトなどです。インデントの多い手書きのHTMLは、すでにコンパクトなことが多いフレームワークの出力より、はるかに大きな効果があります。
空白に関する注意：HTMLには、空白が書式ではなく内容そのものになる要素が2つあります。<pre>と<textarea>です。このツールはタグ間の空白をドキュメント全体でまとめるため、整形済みブロックを使っている場合は、公開前に出力結果を確認してください。整形モードは、圧縮されたコードや乱れたコードのインデントを整え直すので、引き継いだページの調査に便利です。インラインのスタイルやスクリプトを含む場合は、CSS圧縮ツールとJS圧縮ツールで別々に処理すると、さらに軽くできます。