HTML整形 — HTMLの美化・圧縮
乱れたHTMLを適切なインデントで整形、またはコメントや余分な空白を除いて圧縮。貼り付けて美化・圧縮を切り替え、コピー。すべてブラウザ内で完結します。
🔒 すべてあなたのブラウザ内で動作します。入出力データはサーバに送信・保存されないため安全です。
このツールについて
HTMLを貼り付けて、ブラウザ内で2つのモードを切り替えられます。整形(ビューティファイ)はネストしたタグをインデントして文書構造を分かりやすくし、編集しやすくします。ページビルダーや圧縮済みテンプレートからコピーした、入り組んだマークアップを解きほぐすのに最適です。圧縮(ミニファイ)はその逆で、コメント・改行・不要な空白を取り除き、ブラウザが読み込むページの容量を削減します。必要な方をコピーまたはダウンロードしてください。マークアップはすべて端末内で処理され、アップロードされることはありません。
よくある質問
どんなときに整形し、どんなときに圧縮すべきですか?
ページを読んだり、そこから学んだり、編集したりするときは整形してください。インデントが明確だと、要素のネスト構造がひと目で分かります。公開する直前には圧縮します。ファイルが小さいほど読み込みが速く、通信量も節約できます。両者は補完的な関係で、開発用には整った整形版を保ち、公開サイトの訪問者には圧縮版を配信するとよいでしょう。
圧縮するとコメントが消えたり、ページの見た目が変わったりしますか?
圧縮するとHTMLコメントが削除され、タグ間の空白も切り詰められますが、ブラウザはもともとその空白を無視するため、通常は見た目に影響はありません。唯一注意すべきは、pre要素やtextarea要素の内側のように、空白や改行に意味がある箇所です。そうした点に気を配り、唯一のソースファイルではなく必ずコピーを圧縮するようにしてください。
入力したHTMLはどこかに送信されますか?
いいえ。処理はすべてブラウザ内で実行されるため、貼り付けたマークアップがサーバーへ送信・保存されることはありません。下書きの内容や内部リンク、埋め込みデータなど、オンラインサービスに共有したくない情報を含むページでも、安心して整形できます。