コード圧縮ツール

HTML Minifier

整形済みコンテンツや行内の意味ある空白を保ちながらHTMLを圧縮します。

Ctrl / ⌘ + Enterで実行
読み取り専用の結果

整形済みコンテンツや行内の意味ある空白を保ちながらHTMLを圧縮します。

このツールでできること

HTML の空白はインライン テキストの一部である可能性があり、pre および textarea はそのままにしておく必要があります。このページでは、グローバル replace(/\s+/g, " ") の代わりに、成熟した分析コンプレッサーとconservativeCollapseを使用します。

  • 通常のコメントは削除され、条件付きコメントはライブラリのルールに従って処理されます。
  • pre、textarea、script、style の内容は、要素ごとのセマンティックに基づいて HTML ミニファイアーによって処理されます。
  • このページでは、無関係なパーサーによる暗黙的な実行や書き換えを避けるために、埋め込み CSS/JS をさらに圧縮しません。

使い方

  1. HTMLを貼り付けます。
  2. 「HTMLを圧縮」をクリックします。
  3. UTF-8 バイト統計で結果を表示します。
  4. minified.html をコピーまたはダウンロードし、プロジェクト内のページをテストします。

主な用途

  • 静的ページの展開サイズを削減します。
  • 開発 HTML とリリース HTML を比較します。
  • 安全に削除可能なコメントと冗長な属性を削除します。

HTML Minifierの機能

実績のある HTML ミニファイアを使用してドキュメントを安全に圧縮し、事前フォーマットとインライン空白のセマンティクスを保護します。日常的な開発、デバッグ、データの並べ替え、コードの最適化のシナリオに適しています。処理結果を直接閲覧、コピー、ダウンロードすることができます。

FAQ

なぜすべての空白を削除できないのでしょうか?

インライン要素間の空白は表示されるテキストに影響し、プレ/テキストエリアも空白のままになります。グローバル置換によりコンテンツが破損します。

スクリプトとスタイルのコードは圧縮されますか?

現在の設定では、インライン JS/CSS をさらに縮小することはなく、HTML ミニファイアーが要素の境界を安全に処理できるようにするだけです。

圧縮結果はソースコードを直接置き換えることができますか?

成熟したツールはリスクを軽減しますが、複雑なテンプレート構文には特別な制約がある場合があります。ソース コードは引き続き保持し、展開前にプロジェクト テストを実行する必要があります。

開発者向けツール一覧に戻る