HTML 圧縮ツール
空白を詰め、コメントを削除し、必要に応じてインラインの CSS と JavaScript も圧縮して HTML を最小化します。<pre>、<textarea>、<script>、<style> 内の内容は壊されることがなく、条件付きコメントも残ります。
入力
設定
<pre> や <textarea> の内側には適用されません。
出力
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-minifier \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"html": "<h2>Hello, World!</h2>\n<p>This is a test.</p>",
"collapseWhitespace": "true",
"removeComments": "true",
"removeAttributeQuotes": "true",
"minifyCSS": "true",
"minifyJS": "true"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `html-minifier` tool (HTML Minifier) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/html-minifier/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HTML 圧縮ツール — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
ページを貼り付けると、空白を詰め、コメントを取り除き、必要に応じてインラインの <style> と <script> ブロックも圧縮した状態で返します。メールテンプレート、静的ページ、埋め込みウィジェット、そしてバイト数で課金される CMS のフィールドに貼り付ける前の HTML に役立ちます。
使い方
- HTML を入力欄に貼り付けるか、
.htmlファイルをアップロードします。 - 設定を切り替えます。
- 空白を圧縮 — 主な削減効果があります。
- HTML コメントを削除 — 条件付きコメントは常に残ります。
- 可能な場合は属性の引用符を削除 — 安全な場合、
class="card"はclass=cardになります。 <style>ブロックとstyle="…"属性内の CSS を圧縮。<script>ブロック内の JavaScript を圧縮。
- 結果をコピーするか、
.htmlファイルとしてダウンロードします。
壊さないもの
HTML を素朴に圧縮するとページが壊れるため、このツールはいくつかの保証を中心に作られています。
<pre>と<textarea>は一切変更されず、バイト単位で同じです。 その中の空白は表示される内容の一部なので、圧縮すると見た目が明らかに変わります。ASCII アートやコードサンプルは入力したとおりに出力されます。<script>と<style>の中身は、HTML 処理の段階では空白を詰められることはありません。 文字列リテラル、正規表現、コメントに似た文字列を理解する本物の JavaScript または CSS の圧縮ツールに渡されるか、そのまま残されます。<script type="application/json">やtext/x-templateは常に変更されません。- 条件付きコメントは残ります。
<!--[if lt IE 9]> … <![endif]-->はコメントではなくマークアップであり、削除すると実際の script タグが消えてしまいます。 - インラインの間隔は保たれます。
<span>a</span> <span>b</span>は単語の間にスペースが入った状態で表示されますが、<span>a</span><span>b</span>はそうなりません。このツールはどの要素がインラインかを把握しているため、目に見えないブロック要素同士の間の空白だけを削除します。 - 閉じスラッシュはvoid要素からのみ削除されます。
<br/>は<br>になりますが、SVG の<path/>はスラッシュが残ります。削除すると要素が閉じられず、図形の残りの部分を飲み込んでしまうためです。
属性の引用符を外すのが危険なのはどんなとき?
値が空の場合、空白、引用符、バッククォート、=、<、> を含む場合、または / で終わる場合です。最後のケースは見落とされがちです。> の直前にある href=/a/ は自己終了スラッシュとして解釈され、URL が途中で切れてしまいます。このツールはこれらすべてを確認し、判断に迷う場合は引用符を残します。
HTML はどれくらい小さくなりますか?
手書きのマークアップでは通常 10〜25%、インデントの深いテンプレートの出力ではそれ以上です。CSS と JS のオプションを有効にすると、大きなインラインブロックを含むページで特に効果があります。ただし、サーバー側の gzip/brotli の方が圧縮ツールよりも効果が大きいことが多いので、両方を使うことをおすすめします。
& のようなエンティティは削除されますか?
いいえ。& を生の & に書き換えるには、その位置で結果が有効なままかどうかを判断する必要があります。判断を誤ると、わずかなバイト数のために壊れたマークアップを生むことになります。エンティティは書いたとおりに残されます。
壊れた HTML を修正してくれますか?
いいえ。これは圧縮ツールであり、サニタイザーやフォーマッターではありません。閉じられていないタグは閉じられないままです。元のソースに不安がある場合は、出力をバリデーターにかけてください。
私の HTML はどこかにアップロードされますか?
いいえ。圧縮処理はすべてお使いのブラウザ内で実行されます。マークアップがサーバーに送信されたり、記録されたり、保存されたりすることはありません。ファイルをアップロードした場合も、そのファイルはページ内でローカルに読み込まれます。オフラインでも動作します。
チェーンの一部
すべてのチェーンConvert Markdown to HTML, then strip whitespace and comments from the result — ready to paste into an email template or inline snippet without the extra bytes, entirely in your browser.
Collapse stray double-spaces, trim/dedupe/sort a raw list, turn it into a Markdown bullet list, render that to HTML, then minify — five tools chained into one pass, entirely in your browser.