本文へスキップ

みんなでつくる場所

モア
ログイン

コード圧縮 Minify(HTML・CSS・JS・JSONの容量削減)

HTML・CSS・JS・JSONのコメントと不要な空白を取り除いて容量を減らします。貼り付けやファイルを開く(ドラッグ&ドロップ可)ことができ、結果のコピーや.minファイルのダウンロードも可能です。コードはサーバーに送信しません。

貼り付けたコードや開いたファイルはこのブラウザ内でのみ処理され、送信・保存されません。共用パソコンでは使用後に画面を閉じてください。

このツールはコメントと空白だけを減らします。変数名の変更やコードの書き換えはしないため、terserやesbuildほどは小さくなりませんが、動作は変わりません。公開するコードは圧縮後に動作を確認してください。

圧縮の仕組み

  • 4言語すべて、このサイト独自の圧縮器です。文字列・正規表現・テンプレートリテラル・url()の中は変更せず、コメントとトークン間の空白だけを減らします。
  • JSでは改行を含む空白を改行1つとして残します。自動セミコロン挿入(ASI)が改行に依存するためです。
  • HTMLはブロック要素の間の空白だけを削除し、インライン要素の間の1つの空白は残して文字がくっつかないようにします。<pre>・<textarea>の中はそのままで、<script>・<style>の中はJS・CSSとして圧縮します。
  • JSONは文字列の外の空白だけを削除します。パースして書き直さないため、大きな整数・1.0・Unicodeエスケープは変わりません。
  • ファイルを開くと拡張子から言語を選び、保存時は app.js → app.min.js のように .min が付きます。

よくある質問

コードやファイルはサーバーにアップロードされますか?

いいえ。ファイルはブラウザが読み込むだけで、すべてこのタブの中で処理されます。

圧縮したら動作が変わりました。

コメントと空白だけを減らす方針ですが、ごくまれな構文(正規表現の判別が曖昧なコードなど)で誤ることがあります。お知らせください。それまでは元のコードを保管してください。

変数名を短くしないのはなぜですか?

名前の変更にはコードの完全な解析が必要で、誤ると動作が静かに変わります。安全を優先して空白とコメントだけを扱います。さらに小さくするにはサーバーのgzipやビルドツール(terser、esbuild)を使ってください。

.minファイルと元ファイルの管理は?

元ファイルは別に保管し、.minだけを配布してください。圧縮版は人が読んで直すのが困難です。

このツールの使い方

公開用にコードの容量を減らすときに使います。HTML・CSS・JS・JSONのコメントと不要な空白を取り除きます。貼り付けるかファイルをドロップし、結果をコピーするか.minファイルとしてダウンロードします。コードはサーバーに送信されません。

よくある質問

圧縮すると動作が変わりますか?

コメントと不要な空白を取り除いて容量を減らすだけなので、動作は同じになるよう設計されています。公開前に圧縮結果を一度実行して確認してください。

どの形式に対応していますか?

HTML・CSS・JS・JSONに対応しています。

結果をファイルで受け取れますか?

はい。コピーするか.minファイルとしてダウンロードでき、ファイルをドロップして開くこともできます。

すべてのツールを見る

開発者ツール

URL・Base64・HTML・Unicodeエンコード、JSON整形・CSV変換、UNIX時間、JWTデコーダー、ハッシュ、UUID、正規表現、テキスト比較、進数変換、cron解釈、表の変換、サブネット(CIDR)・chmod計算、HTTP・MIME・ポート辞典、robots・sitemap、ダミーデータ、TOTP・semver・ビット演算・設定ファイル(.env・INI・TOML)変換・JSON スキーマ検証・docker run→compose・.gitignore・OG タグ生成・ASCII/ANSI コード表まで、40種の開発補助ツールを1か所に。

コード整形(Beautifier)

HTML・CSS・JS・JSON・PHP・Java・Kotlin・Shell・Python・SQL・XML・YAMLをタブまたはスペース(2・4・8)で整え、コピーや色付きHTMLとして書き出せます。コードはサーバーに送信されません。

JSON・XML・YAMLパーサー

JSON・XML・YAMLを貼り付けるかファイルで開くと、文法チェック(誤りは何行目何文字目か)、折りたたみ式のツリー表示、値・キーの検索、パスによる値の検索、整形・圧縮、相互変換ができます。処理はすべてこのブラウザ内で行われ、入力やファイルはサーバーに送信されません。

CSS ジェネレーター

グラデーション・影(box/text-shadow)・角丸(border-radius)・flex/grid レイアウトを見ながら作って CSS をコピーします。入力はサーバーに送信されません。

パスワード生成

長さと文字の種類を選んで、または覚えやすい単語の組み合わせ(パスフレーズ)で、推測されにくいパスワードを作ります。作った値はこの画面の外には出ません。

IPアドレス確認

現在接続しているグローバルIPアドレスとおおよその位置を確認します。