このツールは空白を慎重に扱う方式でHTMLを圧縮します。マークアップを詰めながら、隣り合うインライン要素の間に必要な可能性がある空白は1つ残します。条件付きコメント、SSIディレクティブ、Knockoutのバインディングコメントも保持します。HTMLが端末の外へ送信されることはありません。
無料のHTML圧縮ツール
すべてブラウザー内で動作します。アップロードも登録も不要です。
圧縮前のHTML
圧縮後のHTML
HTMLを貼り付けると圧縮結果を表示します
HTML圧縮ツールとは？
HTML圧縮ツールは、ブラウザに不要な通常コメント、インデント、改行、余分な空白を取り除き、マークアップを軽量化します。文書や断片を貼り付けると、圧縮済みHTMLと正確な削減バイト数を確認できます。script、style、pre、textareaの内容は変更されません。処理はすべてブラウザ内で完結します。
使い方
- 1HTMLを貼り付ける. 完全なHTML文書または断片を入力欄に貼り付けるか、サンプルを読み込みます。
- 2コメント処理を選ぶ. 最小サイズにするなら通常コメントの削除を有効にします。確認用メモを残す場合は無効にします。
- 3削減量を確認する. 圧縮前後のUTF-8バイト数、削減率、削除された行数とコメント数を確認します。
- 4結果をコピーする. 圧縮済みHTMLをビルド出力、CMS、ローカルプロジェクトへコピーします。編集用の読みやすいソースは残しておきます。
こんな方に
- フロントエンド開発者が、静的ページ、コンポーネントのデモ、メールテンプレートの本番用コピーを軽量化できます。
- パフォーマンス担当者が、整形用の空白や開発コメントによって増えた未圧縮HTMLのバイト数を測れます。
- CMS編集者が、書き出したページ断片をテンプレートやコンテンツブロックへ入れる前に小さくできます。
- 学習者が、読みやすいソースとブラウザが解析できる圧縮後のHTMLを比較できます。
よくある質問
HTML圧縮ツールは無料ですか？
はい。登録、ダウンロード、利用回数の制限なしで無料で使えます。マークアップを貼り付け、結果を確認して、そのままブラウザからコピーできます。
貼り付けたHTMLはアップロードされますか？
いいえ。圧縮とバイト数の計測はブラウザ内でローカルに実行されます。HTMLはサーバーへ送信されないため、公開前のテンプレート、社内リンク、非公開のページ断片も端末上で処理できます。
どのくらい大きなHTMLを圧縮できますか？
入力をアップロードしないため、サーバー側のサイズ制限はありません。実際の上限はブラウザのメモリや端末によって変わりますが、一般的なページ、テンプレート、HTMLメールならすぐに更新されます。
scriptやstyleの内容も変わりますか？
変わりません。scriptとstyleの中身は1バイトも変更せず保持します。空白や改行に意味があるpreとtextareaも同様です。埋め込まれたCSSやJavaScriptも圧縮する場合は、それぞれ専用の圧縮ツールを使ってください。
どのHTMLコメントが削除されますか？
コメント削除を有効にすると、通常の開発コメントが削除されます。Internet Explorerの条件付きコメント、SSIディレクティブ、Knockoutのバインディングコメントは、動作を変える可能性があるため残ります。設定を無効にすればすべてのコメントを保持できます。
HTML圧縮でページの見た目は変わりますか？
空白を強引に削除すると、単語がつながったり、空白に依存する内容が変わったりします。このツールは不要な空白だけをまとめ、インラインテキストの区切りになり得る空白とraw要素や整形済み要素を残します。圧縮後は本番ページを必ず確認してください。
元の書式へ戻せますか？
HTML整形ツールで読みやすいインデントを付け直すことはできますが、削除されたコメントや元の改行位置までは復元できません。読みやすいソースをバージョン管理に残し、圧縮済みHTMLはビルド出力として扱ってください。