メインコンテンツへスキップ
Z

HTML圧縮ツール

html-minifier-terserを使ってHTMLを圧縮します。空白の圧縮、コメントの削除、インラインCSS/JSの圧縮に対応し、削減されたサイズをリアルタイムで表示します。

無料 登録不要 クライアントサイド プライバシーに配慮 Updated

サイズ:

サイズ: · 削減 %

処理中…

使い方

  1. 1 左側のボックスにHTMLコードを貼り付けます。
  2. 2 空白の圧縮、コメントの削除、インラインCSS/JS圧縮のオン/オフを切り替えます。
  3. 3 「圧縮する」を押すと、削減されたサイズがすぐに表示されます。

このツールを使う理由

  • html-minifier(現在メンテナンスが終了)の後継として開発され、現在も更新が続くhtml-minifier-terser上で動作します。
  • インラインの<style>ブロックはclean-cssで、インラインの<script>ブロックはterserで処理されます。
  • ライブラリは遅延読み込み(lazy-load)されるため、「圧縮する」を押すまでページは軽量なままです。
  • 圧縮前後のサイズを並べて比較でき、結果ファイルをそのままダウンロードできます。

よくある質問

このツールでHTMLが壊れることはありますか?

デフォルト設定は控えめに調整されており、属性値の引用符やvoid要素タグ、DOCTYPEはそのまま保持されます。とはいえ、本番用のテンプレートに適用する前は必ず内容を確認してください。

圧縮後のコードを元の見やすい形式に戻すには?

<a class="underline" href="/html-formatter">HTML Formatter</a>を使えば、圧縮結果を整形(pretty-print)して見やすい形に戻し、内容を再確認できます。

HTML内のSVGも圧縮されますか?

SVG内部の空白やコメントは圧縮対象になりますが、SVG要素固有の最適化までは行いません。その用途にはSVGO専用ツールをご利用ください。

HTML圧縮ツール とは?

HTML圧縮ツールは、HTMLコードのサイズを削減してページの読み込みを高速化するためのツールです。html-minifier-terserをベースに構築されており、空白の圧縮、コメントの削除、インラインCSS/JavaScriptの圧縮を行いながら、削減されたサイズをリアルタイムで表示します。処理はすべてブラウザ内で完結するため、HTMLコードがサーバーに送信されることはありません。

概要

HTML圧縮ツール は Zerethon Tools が提供する無料の 開発者 ユーティリティです。html-minifier-terserを使ってHTMLを圧縮します。空白の圧縮、コメントの削除、インラインCSS/JSの圧縮に対応し、削減されたサイズをリアルタイムで表示します。. ブラウザ上で完全に動作します — 登録不要、アップロード不要。

カテゴリ
開発者
料金
無料
プライバシー
ブラウザベース
登録
不要

プライバシー

明記されない限り、データがブラウザの外に送信されることはありません。HTML圧縮ツール は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。

関連ツール

Zerethon Social で作成・共有・成長しよう

無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。

Zerethon を無料で試す