ツールを実行
HTMLコード内に含まれる不要な改行やタブ、連続する空白文字を整理し、コメントタグを取り除いて全体の文字数を削減するオンラインツールです。タグ同士の間にある余分な空白の削除や、テキスト部分で複数連続している空白文字を1文字にまとめる置換処理を行うことで、HTMLソースコードをすっきりとコンパクトな状態に整えます。Webサイトの表示パフォーマンス向上やデータ転送量の節約、ソースコードの整理など、さまざまな用途にご活用いただけます。入力フォームに対象のHTMLテキストを入力して処理を行うと、コメントや余白が取り除かれたテキストが表示されるとともに、元の文字数、圧縮後の文字数、削減された文字数、削減率がパーセント単位で確認できます。空の入力や空白のみのテキストが渡された場合でも適切に対応し、その際は文字数0の結果が表示されます。
使い方
- 入力欄に軽量化したいHTMLコードを貼り付けるか入力します。
- 実行ボタンをクリックして余白の整理とコメントの削除を行います。
- 出力欄に表示された圧縮後のHTMLコードと、削減文字数および削減率を確認します。
- 軽量化されたHTMLテキストをコピーして利用します。
使用例
- 入力例: `<!-- ヘッダー --> <div> <p>こんにちは</p> </div>` を処理すると、コメントと改行が整理されて `<div><p>こんにちは</p></div>` の形式で出力され、文字数の削減量が表示されます。
- 複数行にわたるコメント `<!-- 設定 -->` やタグ間の空白が含まれるHTMLを入力すると、余分な空白が整理され、前後の不要な空白が除かれたテキストが生成されます。
よくある質問
HTMLタグの属性（属性値など）は削除されますか？
いいえ、属性自体の削除や変更は行いません。コメントタグの削除と、改行・連続する空白の整理のみをテキスト置換として行います。
コメントは複数行にまたがっていても削除されますか？
はい、複数行にわたって記述されているHTMLコメントタグ（<!-- ... -->）も削除対象となります。
空のテキストを入力した場合はどのように処理されますか？
空の入力または空白文字のみが入力された場合、出力テキストは空となり、文字数の計測値は0として処理されます。