メインコンテンツへスキップ
Toolars
探索
バグを報告

開発 · ローカルユーティリティ

HTML ミニファイ

HTML Minifier

ローカル Worker で HTML を圧縮。コメントは除去して空白は保持し、最大 256 KiB のマークアップでバイト統計を表示。

タスクの道筋 / 入力から結果へ

マークアップを貼り付ける

ローカルで実行 · アップロードなし

HTML ミニファイの使い方、プライバシー、関連ツール

タスクの道筋 / 入力から結果へ

HTML を圧縮する方法

  1. 01

    マークアップを貼り付ける

    256 KiB以内のUTF-8ソースを貼り付けます。圧縮モードではインデント設定を使用できません。

  2. 02

    まずサンプルで試す

    サンプルを読み込みました。準備ができたらローカル変換を実行してください。

  3. 03

    「圧縮」を押す

    「圧縮」を押すと、HTMLの空白を詰めずにコメントを削除します。埋め込みCSSとJavaScriptは変更しません。対象ページで結果を確認してください。

  4. 04

    統計を確認する

    入力と出力のUTF-8バイト数、削減率を比べます。削減量が負なら結果は大きくなっています。コピーやダウンロードの前に確認してください。

  5. 05

    結果をコピーまたはダウンロードする

    「結果をコピー」でクリップボードへ、「ダウンロード」で toolars.min.html として保存します。「リセット」でペインを空にして次のドキュメントに進め、統計もワークスペースと一緒にリセットされます。

ツールの概要

処理
ブラウザー内で完結
入力の外部送信
なし
保存
一切保存しません
価格
無料

入力はブラウザに留まります。

HTML ミニファイ は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。

ローカル実行

現在のブラウザタブ内で実行されます。

隠れた処理なし

使用中のツールデータが Toolars のドキュメントレコードになることはありません。

アカウント不要

プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。

即時リセット

タブを閉じれば、作業中のデータは消えます。

HTML ミニファイ が役立つ場面

コードレビュー

他の開発者と共有する前に、ソースを確認しやすくします。

ビルド成果物

ソースを実行せずに、コンパクトな HTML・CSS・JavaScript を生成します。

コピー可能なスニペット

ピンポイントの例を整形し、そのままドキュメントやエディタに移せます。

HTML ミニファイ が実際に行うこと

レビュー用コメントを含む生成メールテンプレートなら、代表的な部分を貼り付けて圧縮し、メールの表示環境で元と比較します。空白に敏感な文章と埋め込みスタイルを確認してからダウンロードしてください。

よくある質問

ミニファイは何を取り除きますか?
HTMLコメントを削除し、対応するマークアップを短くしますが、空白は詰めません。styleやscript内のコードは圧縮しません。
圧縮しているエンジンは何ですか?
ローカル Worker 内で Prettier が HTML を解析し、html-minifier-terser が圧縮します。HTML の空白は保持し、インライン CSS・JavaScript の圧縮は無効です。実際のアプリで確認してください。
インラインの CSS や JavaScript も圧縮されますか?
いいえ。マークアップ内の style ブロックと script ブロックはそのまま残され、圧縮されるのは HTML 構造だけで、それらのブロックの周りのマークアップは通常どおり小さくなります。埋め込まれた部分は、同じ 256 KiB の予算と同じローカル限定の契約を持つ専用の CSS ツールと JavaScript ツールで個別に圧縮してください。
出力が小さくならず大きくなったのはなぜですか?
この設定は空白、引用符、省略可能なタグを保持するため、コメントを削除しても削減量は小さく、結果が大きくなることもあります。バイト数を比較し、元データを残してください。
上限とエラーの扱いは?
入力は256 KiB、出力は512 KiBまでです。ローカルWorkerの起動と実行にはそれぞれ5秒の制限があり、入力の編集やキャンセルで停止します。 ソースはこのブラウザーにとどまり、アップロードされません。
マークアップはアップロードされたり実行されたりしますか?
いいえ。ソースはローカル Worker で解析し、実行・送信・保存しません。解析成功はアプリの正しさやブラウザー互換性を保証しません。

開発者ツールを続ける

行き止まりではなく、関連タスクへ。

完全な索引に戻らずに、別のフォーカスされたワークスペースへ移動できます。

コード → 画像変換

Code to Image Converter

6 言語のコードをシンタックスハイライト付きで PNG・SVG に書き出し。ライト/ダークテーマ、行番号、タイトル、1x/2x に対応。

作成

URL スラッグジェネレーター

URL Slug Generator

タイトルを入力しながらクリーンな URL スラッグへ変換。アクセントは除去、& は展開、非ラテン文字は保持、区切りは選択。

作成

React Native シャドウジェネレーター

React Native Shadow Generator

React Native の旧 shadow プロパティと boxShadow を iOS・Android で並べて比較・調整し、StyleSheet コードをコピー。

作成

Base64 エンコード / デコード

Base64 Encoder/Decoder

Unicode テキストのエンコードや Base64 のデコードをローカルで行います。URL セーフ値にも対応。

変換