HTML整形ツール
HTMLコードを貼り付けて、見やすくインデント整形、または余分な空白を取り除いて圧縮（minify）できます。すべての処理はブラウザ内で完結します。
入力HTML
使い方
1
HTMLを貼り付け
入力エリアに整形・圧縮したいHTMLコードを貼り付けます。
2
インデントを選んで実行
スペース2個・4個・タブから選び、「整形」または「圧縮」ボタンを押します。
3
コピー・ダウンロード
出力結果をワンクリックでコピー、またはHTMLファイルとしてダウンロードできます。
HTML整形ツールとは
HTMLコードのインデントを自動で整え、読みやすく見やすく整形（Beautify）したり、不要な改行や空白を取り除いてファイルサイズを軽くする圧縮（Minify）ができるWebツールです。ブロック要素とインライン要素を考慮して改行位置を最適化し、pre・textarea・script・styleの中身はそのまま保持します。すべての処理はお使いのブラウザ内で完結し、入力したコードがサーバーに送信されることはありません。
機能・特徴
- インデント整形スペース2個・4個・タブから選んで、階層が一目で分かるよう自動整形します。
- 圧縮(minify)改行や余分な空白を取り除き、HTMLのファイルサイズを軽量化します。
- 中身を保持pre・textarea・script・styleタグの中身は崩さずそのまま維持します。
- プライバシー保護すべての処理はブラウザ内で完結。コードはサーバーに送信されません。
活用シーン
- ミニファイされたHTMLを読みやすく復元
- CMSやメールHTMLのインデント整理
- 本番公開前のHTML圧縮で表示を高速化
- コピペで崩れたHTMLの再整形
- コードレビュー・差分確認用の整形
よくある質問
HTML整形ツールは無料で使えますか？
はい、完全無料でご利用いただけます。会員登録やインストールは不要で、ブラウザを開くだけですぐにお使いいただけます。
インデントの種類は選べますか？
はい、スペース2個・スペース4個・タブの3種類から選択できます。プロジェクトのコーディング規約に合わせてご利用ください。
script・style・pre・textareaの中身は崩れませんか？
これらのタグの中身は整形・圧縮の対象外として元の内容をそのまま保持します。JavaScriptやCSS、整形済みテキストが意図せず変更されることはありません。
圧縮（minify）するとどれくらい軽くなりますか？
改行やインデント用の空白が削除されるため、整形済みHTMLでは数十%程度のサイズ削減が見込めます。削減量は処理前後のサイズとして画面に表示されます。
入力したHTMLはサーバーに送信されますか？
いいえ。すべての処理はお使いのブラウザ内（JavaScript）で完結し、入力したコードが外部サーバーに送信・保存されることは一切ありません。機密を含むコードでも安心してご利用いただけます。