メインコンテンツへスキップ
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コードがサーバーに送信されることはありません。

機能

空白・コメントの削除

表示結果を維持したまま、余分な空白を圧縮しコメントを削除します。

インライン CSS・JS の圧縮

html-minifier-terser により、<style> と <script> の中身も圧縮します。

完全プライベート

圧縮処理はすべてお使いの端末上で実行され、何もアップロードされません。

Input

<div>  <!-- c -->  <p>Hi</p>  </div>

Output

<div><p>Hi</p></div>

主な用途

  1. 1

    ページの読み込みを高速化

    HTML のサイズを削減して、読み込み時間と Core Web Vitals を改善します。

  2. 2

    メールテンプレートの圧縮

    送信前にトランザクションメールの HTML を圧縮します。

  3. 3

    本番環境への準備

    ビルド工程の代替として、テンプレートからコメントと空白を取り除きます。

概要

Zerethon の HTML ミニファイアは、html-minifier-terser を使用してマークアップを縮小し、ページの読み込みを高速化します。すべてブラウザ内で処理されます。余分な空白を圧縮し、コメントを削除し、インラインの CSS と JavaScript も圧縮しながら、削減されたサイズをリアルタイムに表示します。マークアップはクライアント側で処理され、サーバーにアップロードされることはありません。

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

参考文献

プライバシー

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

関連ツール

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

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

Zerethon を無料で試す