HTML ミニファイア(HTML 圧縮)
使い方
HTML を入力欄に貼り付けると、空白・改行・コメントが削除された圧縮版が出力されます。`<pre>`、`<script>`、`<style>`、`<textarea>` の内部はデフォルトで保持されます(中身が壊れないため)。圧縮前後のサイズと削減率も表示されます。
HTML 最小化とは
HTML はインデントとコメントが入った状態だと人間に読みやすいですが、配信時にはサイズの無駄になります。**ビルド時に圧縮することで転送量を削減**できます。本ツールは軽量実装で、JavaScript の値や CSS のセレクタなど壊れやすい部分は触らない安全側の実装になっています。本格的な最適化(属性の引用符削除、エンティティ最適化など)には html-minifier-terser を推奨。
活用シーン
- 静的サイトのデプロイ前に HTML サイズを削減
- メールテンプレートを最小化(メールクライアントの処理負荷を軽減)
- テンプレートエンジン(EJS、Handlebars)の出力を圧縮
- インライン HTML(data 属性等)に埋め込む前のサイズ削減
- 複雑な HTML を 1 行にまとめてログに残したい場合
プライバシー
圧縮処理はすべてブラウザ内で完結し、HTML がサーバーに送信されることはありません。社内テンプレートや個人情報を含む HTML を試す場面でも安全です。
よくある質問
html-minifier-terser のような本格的な圧縮ツールと何が違いますか?
本ツールは安全側の実装で、空白の圧縮・改行の削除・コメントの除去は行いますが、属性の引用符削除や攻めた書き換えは行いません。属性引用符の省略やエンティティ最適化など最大限の本番最適化が必要な場合は、ビルドで html-minifier-terser をご利用ください。
社内テンプレートや個人情報を含む HTML を圧縮しても安全ですか?
はい。圧縮処理はすべてブラウザ内で完結し、HTML が端末の外に出ることはありません。アップロード・記録・保存は一切なく、社内テンプレートや個人情報を含む内容もローカルに留まります。
埋め込みの JavaScript・CSS や整形済みテキストが壊れませんか?
壊れません。デフォルトでは <pre>、<script>、<style>、<textarea> の中身が保持されるため、埋め込みコードや空白に依存するテキストが損なわれることはありません。必要に応じてこの保持はオフにもできます。
削除する内容を選べますか?
はい。連続する空白の圧縮と HTML コメントの削除をそれぞれ個別に切り替えられ、さらに上記の保持対象ブロックを残すオプションも用意しています。
どのくらい小さくなりますか?
元のインデント量やコメントの多さによって変わります。本ツールは圧縮前のサイズ・圧縮後のサイズ・削減率を表示するので、入力ごとの正確な効果を確認できます。