HTMLフォーマッター / ビューティファイアー

読みやすさの向上や本番利用のためにHTMLコードをフォーマット、整形、圧縮

HTML入力

インデントサイズ

2 スペース 4 スペース Tab

フォーマット結果

すべての処理はブラウザ内で行われます。データはサーバーに送信されません。

使用例

乱雑なHTMLの整理

フォーマットされていない1行のHTMLを取り、読みやすく編集しやすいように適切なインデントで整形します。

本番用の圧縮

きちんとフォーマットされたHTMLから空白やコメントを削除してファイルサイズを縮小し、本番デプロイ用に圧縮します。

テンプレートの整形

ネストされたテーブル、フォーム、コンポーネントを含む複雑なHTMLテンプレートをきれいで整理されたコードに整形します。

機能

スマートインデント

設定可能なインデントサイズ（2スペース、4スペース、タブ）でネストされたHTML要素を自動インデント

HTML圧縮

本番用にHTMLファイルサイズを最小化するため、空白、コメント、改行を削除

コンテンツ保持

pre、code、script、styleタグ内のコンテンツを再フォーマットせずに保持

プライバシー優先

すべての処理がブラウザ内でローカルに実行され、サーバーにデータは送信されません

使い方

インデント設定

好みのインデントを選択：2スペース、4スペース、またはタブ文字。

HTMLコードを貼り付け

フォーマットまたは圧縮したいHTMLコードを貼り付けまたは入力します。

整形または圧縮

読みやすいフォーマットには整形を、コンパクトな出力には圧縮をクリックします。結果をコピーします。

よくある質問

ぐちゃぐちゃなHTMLに適切なインデントと改行を入れて、読める状態にします。

空白、コメント、改行をすべて削除してファイルサイズを小さくします。

いいえ。変わるのは空白とインデントだけです。タグ、属性、コンテンツはそのままです。

すべてブラウザ内のJavaScriptで処理されます。データは外部に送信されません。