HTML / CSS / JS ミニファイア
開発
ソースコードを貼り付け HTML / CSS / JS を選ぶと、不要な空白と（任意で）コメントを除去し、1 行のミニファイ版とともに削減前後のバイトサイズ・削減率を表示します。正規表現ベースで高速、オフライン動作、ライブラリ不要。インラインスニペットや最終サイズの仕上げに最適。ビルドパイプラインには terser や esbuild 等の専用ツールを。
—
元
234 B
圧縮後
161 B
削減
31.2%
ミニファイ済み
<!doctype html><html lang="en"><head><title>Sample Page</title></head><body><h1>Hello, world!</h1><p> This is a paragraph with multiple lines. </p></body></html>
使い方
- ソースコードを貼り付け。
- 言語（HTML / CSS / JS）を選択。
- コメント除去の有無を切替。
- ミニファイ済みをコピー。
よくある質問
- 本番で安全？
- 小さな CSS / HTML なら OK — ルールが保守的です。JavaScript は変数リネームや定数畳み込みをしないので、ビルドでは terser / esbuild を推奨。
- JS がもっと圧縮されないのは？
- 本格的な JS 圧縮には AST ベースのツールが必要。本ツールは空白・コメント除去のみ — 手書きスニペットには十分ですが terser ほどではありません。
- <pre> や <textarea> 内の HTML が壊れる？
- 可能性あり — そこでの空白は意味を持ちます。これらを含む HTML には適用しないか、内容を一時値に置換してから戻してください。
- CSS のコメントは重要？
- ライセンスヘッダの /*! コメントは慣例上、プロのミニファイアが保持します。本ツールは「コメント除去」オンですべて削除するので、ライセンス保持が必要ならオフに。
関連ツール
JWT デコーダー
JWT のヘッダー・クレーム・有効期限を即座に確認。
開発00
UUID ジェネレーター
ランダムなバージョン 4 UUID をまとめて生成し、コピー。
開発00
ハッシュ生成 (SHA)
テキストから SHA-1・SHA-256・SHA-384・SHA-512 ハッシュを生成。
開発00
URL エンコーダー / デコーダー
URL 用にテキストをパーセントエンコード、または URL をデコード。
開発00
Base64 エンコーダー / デコーダー
テキストを Base64 にエンコード、または Base64 をテキストにデコード。
開発00
JSON フォーマッター & バリデーター
ブラウザで JSON を整形・並べ替え・圧縮・検証できます。
開発00