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 のコメントは重要？
- ライセンスヘッダの /*! コメントは慣例上、プロのミニファイアが保持します。本ツールは「コメント除去」オンですべて削除するので、ライセンス保持が必要ならオフに。
関連ツール
SVG 最適化
SVGO で SVG を軽くします——エディターの残骸を除去し、座標を丸め、図形をまとめて、変更前後を並べて確認。アップロードはありません。
画像 0 0
画像圧縮
JPEG・PNG・WebP 画像をブラウザで圧縮・リサイズ。
画像 0 0
PDF 圧縮
PDF 内の画像を再エンコードしてサイズを縮めます。文字は選択も検索もそのまま。アップロードはありません。
ファイル 0 0
CSS to JS スタイルオブジェクトコンバーター
CSS 宣言ブロックを React/JS のインラインスタイルオブジェクトにブラウザ上で変換します。
開発 0 0
CSS セレクターテスター
HTML に対して CSS セレクターをテストし、どの要素にマッチするかを正確に確認します。ブラウザ上で動作します。
開発 0 0
XML フォーマッター & 圧縮
XML をきれいなインデントで整形したり、1行に圧縮したりします。ブラウザ上で動作します。
開発 0 0