このツールでできること
HTML を圧縮しながら、文字の表示に必要な空白や pre・textarea 内の書式を保持します。単語同士がつながらないようにしつつ、文書のサイズを減らせます。
- 通常のコメントを削除し、条件付きコメントは保持します。
- pre・textarea・script・style 内で保持が必要なテキストや空白は残ります。
- 埋め込まれた CSS と JavaScript の追加圧縮は行わず、入力コードも実行しません。
使い方
- HTMLを貼り付けます。
- 「HTMLを圧縮」をクリックします。
- UTF-8 バイト統計で結果を表示します。
- minified.htmlをコピーまたはダウンロードし、元のページと表示を比べてください。
主な用途
- 静的ページの展開サイズを削減します。
- 開発 HTML とリリース HTML を比較します。
- 安全に削除可能なコメントと冗長な属性を削除します。
HTML Minifierの機能
整形済みテキストや必要な空白を保持し、HTML の不要な部分を減らします。圧縮前後のサイズと削減率を確認してから、結果をコピーまたはダウンロードできます。
FAQ
なぜすべての空白を削除できないのでしょうか?
インライン要素間の空白は表示されるテキストに影響し、プレ/テキストエリアも空白のままになります。グローバル置換によりコンテンツが破損します。
スクリプトとスタイルのコードは圧縮されますか?
現在の設定では、インライン JS/CSS をさらに縮小することはなく、HTML ミニファイアーが要素の境界を安全に処理できるようにするだけです。
圧縮結果はソースコードを直接置き換えることができますか?
複雑なテンプレートでは、圧縮後に表示が変わる場合があります。元のファイルを保管し、圧縮したページの文章、改行、レイアウトを元と比べてからお使いください。