HTML 圧縮ツール

このツールは、広く使われているオープンソースの HTML 圧縮ライブラリ html-minifier-terser を、CSS 用の clean-css、JavaScript 用の Terser と組み合わせて使っています。どちらのレベルでも、単語の間の空白や、<b> や <a> などのインラインタグの間の空白は残ります。完全なページでは「最大」のほうがより小さくなります。

XHTML：.xhtml ファイルを開いた場合や、HTML が <?xml version="1.0"?> などの XML 宣言で始まる場合は、どちらのレベルでも省略可能なタグ、属性値を囲む引用符、checked="checked" などのブール属性、閉じスラッシュがそのまま残り、JavaScript は圧縮されません。そのため、結果は引き続き XML として読み込めます。

オプション

• コメントを削除（初期設定でオン）：通常のコメントを削除します。<!--! で始まるコメント（ライセンス表記など）、サーバーサイドインクルード（SSI）のコメント、Internet Explorer の条件付きコメントは残します。
• CSS を圧縮（初期設定でオン）：<style> 要素と style 属性の CSS を短くします。@import はそのまま残り、何もダウンロードされません。
• JavaScript を圧縮（初期設定でオン）：インラインスクリプトと onclick などのイベント属性を短くします。ローカル変数の名前は短くなりますが、グローバルな名前はそのまま残り、/*! ... */ 形式のライセンスコメントも残ります。JSON-LD などの構造化データの中身は圧縮しません。

変更されないもの

• <pre> と <textarea> の中のテキスト（空白や改行がページにそのまま表示されるため）。
•  、&、é などの文字参照。
• PHP（<?php ... ?>）や ASP 形式（<% ... %>）のブロック、および 2 つの <!-- htmlmin:ignore --> コメントで囲まれた部分。
• doctype、<a name> アンカー、入力欄の type="text"、SVG 内の大文字・小文字と閉じスラッシュ。

表示される可能性のある注意

• 読み取れないスクリプトがある：単体では有効な JavaScript ではないインラインスクリプトやイベント属性は圧縮せずに残し、エラーの行と列を表示します。ページのそれ以外の部分は圧縮されます。
• 読み取れない CSS ブロックがある：その CSS は圧縮せずに残します。
• UTF-8 以外の文字セット：ダウンロードされるファイルは常に UTF-8 で保存されます。ページの <meta charset> を UTF-8 に変更するか、結果をコピーして自分のファイルに貼り付けてください。
• 削減なし：これらのオプションでは、この HTML をこれ以上小さくできません。

<script> または <style> 要素が閉じられていない場合は何も圧縮されず、その要素が始まる行と列が表示されます。どちらのレベルでも、公開する前に圧縮後のページを開いて一通り操作し、確認してください。