入力

モード:

出力

HTML圧縮とは?

HTML圧縮は、HTMLソースコードから機能を変えずに不要な文字を削除します:タグ間の空白、HTMLコメント、冗長なスペース。結果はより小さなファイルで、読み込みが速くなります。

このツールには2つのモードがあります:圧縮と美化。どちらもブラウザで完全に動作し、サーバーにデータは送信されません。

このツールの使い方

1

モードを選択

圧縮を選択してHTMLの空白とコメントを削除するか、美化を選択してインデントを追加します。

2

HTMLを貼り付けまたはアップロード

左のエディタにHTMLを貼り付けるか、アップロードを使ってファイルを読み込みます。

3

結果をコピーまたはダウンロード

右のパネルが自動的に更新されます。完全なHTML整形については、HTMLフォーマッターをご覧ください。

HTML圧縮例

圧縮前後のHTMLスニペットです:

元のHTML(空白とコメントあり)

入力

圧縮後の出力

出力

圧縮が重要な場面

HTMLを圧縮することで、ブラウザがダウンロードする必要があるバイト数を減らすことができます。高トラフィックのサイトでは節約効果が積み重なります。

読みやすい整形されたHTMLには、HTMLフォーマッターツールをお使いください。

よくある質問

圧縮するとHTMLが壊れますか?

このツールはHTMLコメントを削除し、タグ間の空白を圧縮します。属性の削除やタグの内容変更は行いません。

データがサーバーに送信されますか?

いいえ。すべての処理がブラウザで実行されます。

関連ツール

HTML Living Standardを参照してください。