無料Webツール

CSS/JavaScript/HTMLの空白・コメントを削除

コードの不要な空白・コメントを削り、軽量化した結果を出力します。

コードを入力

空白・通常コメントを保守的に削除します。実運用コードは変換後に動作確認してください。

使い方と確認ポイント

CSS・JavaScript・HTMLから一般的なコメントや不要な空白を削って、短いコードへ整える簡易minifyです。元コードを残し、変換後に必ず動作確認してください。

  1. コード種別を選びます。
  2. コードを貼り付けて「圧縮する」を押します。
  3. 削減文字数と出力を確認し、元コードを残したまま実動作をテストします。
HTML
コメント・タグ間空白・連続空白を圧縮
CSS
ブロックコメントと不要空白を削除
JavaScript
ブロック/行コメントと不要空白を削除
向いている用途
シンプルなコードの軽量化。複雑なJavaScriptは要テスト

簡単なCSSの圧縮は確認しやすい

body { color: red; } のようなCSSでは、不要な空白を詰めた短い文字列へ変換できます。

JavaScriptの正規表現リテラルなど、スラッシュが文法的意味を持つ構文は完全には解析しません。重要コードは専用minifierを使うか、必ず変換後テストしてください。

シンプルなコードほど確認しやすい

CSSやHTML、一般的なJavaScriptの軽量化に向いています。複雑な構文を含むJavaScriptは、変換後に実際の動作を必ず確認してください。

コメントや余分な空白をまとめて削る

一般的なコメントや不要な空白を削って短くします。短くなったからといって動作保証されるわけではないため、元コードは残しておいてください。

HTMLは別の文字列処理

HTMLではコメントを除き、タグ間の空白や連続空白を詰めます。インラインテキストの空白が見た目に効く箇所はプレビューで確認してください。

削減率は文字数ベース

入力と出力の文字数を比べて削減率を出します。gzipやBrotliで圧縮した後の通信バイト数そのものではありません。

元コードを上書きしない

簡易処理なので、元ファイルを残したまま別コピーとして圧縮結果を検証する方が安全です。

関連リファレンス: HTTPステータス · MIMEタイプ · 正規表現早見表