メインコンテンツへスキップ
Z

HTMLフォーマッター & ミニファイア

ブラウザ上でHTMLを整形または圧縮できます。処理はすべてクライアント側で完結し、あなたのHTMLコードが外部に送信されることは一切ありません。

無料 登録不要 クライアントサイド プライバシーに配慮 Updated

フォーマッターを読み込み中…

使い方

  1. 1 入力欄にHTMLコードを貼り付けます。
  2. 2 読みやすく整えたい場合はBeautifyを、空白やコメントを削除したい場合はMinifyを選びます。
  3. 3 結果をコピーするか、ファイルとしてダウンロードします。

このツールを使う理由

  • JavaScript向けHTML整形の定番ライブラリ、js-beautifyをベースに構築されています。
  • BeautifyとMinifyの両機能を1つのツールに統合し、瞬時に切り替え可能です。
  • 完全にクライアント側で動作するため、ソースコードは常にあなたのブラウザ内にとどまります。
  • インデント幅(スペース2つまたは4つ)をカスタマイズできます。

よくある質問

フォーマッターはコメントを保持しますか?

Beautifyモードでは、HTMLコメントがそのまま保持されます。Minifyモードではコメントが削除されるため、コメントを残す必要がある処理にはBeautifyモードをご利用ください。

インラインのJavaScriptやCSSが壊れることはありませんか?

どちらも正しく認識され、それぞれの言語に応じて適切に整形されます。scriptタグやstyleタグの中身もきちんと理解した上で処理されます。

どのくらいの大きさの入力まで対応できますか?

処理時間は入力サイズにほぼ比例して増加します。1MB未満の入力であれば、最近の端末では数ミリ秒程度で整形が完了します。

HTMLフォーマッター & ミニファイア とは?

HTMLフォーマッターは、HTMLマークアップを整形(beautify)または圧縮(minify)するためのツールです。整形モードでは要素にインデントを付けて読みやすく構造化し、圧縮モードでは余分な空白を取り除いてファイルサイズを削減します。処理はブラウザ内で完全に完結するため、マークアップはお使いの端末上でのみ処理され、サーバーへ送信されることはありません。

機能

整形(ビューティファイ)

ネストされた要素を再インデントし、レビューしやすいクリーンな構造にします。

圧縮(ミニファイ)

空白や改行を取り除き、配信時のマークアップサイズを削減します。

100% プライベート

クライアントサイドで実行されるため、HTML がブラウザの外に出ることはありません。

Input

<ul><li>One</li><li>Two</li></ul>

Output

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

主な用途

  1. 1

    乱雑なマークアップを読む

    圧縮または自動生成された HTML を整形して構造を確認できるようにします。

  2. 2

    デプロイ前に圧縮する

    サイズに敏感なページ向けに、フラグメントをミニファイしてバイト数を削減します。

  3. 3

    コピー&ペーストした HTML を整理する

    複数のソースから混在したインデントを一つの一貫したスタイルに正規化します。

HTMLフォーマッター & ミニファイア と他の選択肢の比較

HTMLフォーマッター & ミニファイア と一般的なブラウザ・デスクトップの代替ツールを比較 — 機能を一目で比較できます。
機能 Zerethon Tools 一般的なオンラインツール デスクトップアプリ
Signup required No Sometimes No (IDEs)
Markup leaves device No Yes No
Beautify + minify Both Sometimes Both
Free Yes Yes Often paid
Works offline Yes (after load) No Yes
概要

Zerethon の HTML フォーマッターは、ブラウザ内だけでマークアップの整形(ビューティファイ)または圧縮(ミニファイ)を行います。ビューティファイは要素を再インデントして読みやすいツリー構造にし、ミニファイは不要な空白を取り除いてファイルサイズを縮小します。データはアップロードされません。

カテゴリ
開発者
料金
無料
プライバシー
ブラウザベース
登録
不要

参考文献

プライバシー

明記されない限り、データがブラウザの外に送信されることはありません。HTMLフォーマッター & ミニファイア は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。

比較

関連ツール

Zerethon Social で作成・共有・成長しよう

無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。

Zerethon を無料で試す