コードミニファイアー
JavaScript(Terser)、CSS(CSSO)、HTML、JSON、XML を 1 つのツールで圧縮。言語を選んでコードを貼り付けると、削減されたバイト数が分かります。無料でブラウザ内で動作。
すべてブラウザ内で実行されます。データがアップロードされることはありません。
関連ツール
すべて表示コードミニファイアーとは?
コードミニファイアーは、複数の言語を 1 か所で圧縮できるツールです。JavaScript、CSS、HTML、JSON、XML から選ぶと、適切なミニファイアーが適用され、元のサイズと圧縮後のサイズが表示されます。
コードミニファイアーの使い方
- 言語 を選びます。
- コードを入力欄に貼り付けます。
- 圧縮 をクリックします(入力中も出力は更新されます)。
- 圧縮されたコードをコピーまたはダウンロードします。
例
a { color : red ; } a{color:red} 言語:CSS。
コードミニファイアーを使うべき場面
手早い 1 回限りの圧縮やサイズの比較に使います。本番のアプリケーションでは、ビルドパイプラインでソースマップ付きで圧縮してください。専用のミニファイアーのページでは、各エンジンをより詳しく説明しています。
コードミニファイアーの仕組み
各言語には専用のエンジンが使われます。JavaScript は圧縮とローカル名のマングリングを行う Terser、CSS は波括弧・文字列のチェックの後に CSSO による構造的なミニファイ、HTML はコメントを削除して空白をまとめつつ pre、textarea、script、style には触れない安全なミニファイアー、JSON は数値を保つ厳密な解析とコンパクトな出力、XML は整形式のチェックの後にタグ間の空白とコメントを削除します。
一般的な使用例
- ページにインライン化する前にスニペットを圧縮する
- 異なるバージョンのコードのサイズを比較する
- JSON や XML のペイロードをコンパクトにする
- コードを共有する前にコメントを削除する
セキュリティ注意事項
すべてブラウザ内でローカルに処理され、貼り付けたコードがアップロードされることはありません。
よくある質問
既定ではどの言語が選ばれていますか?
JavaScript です。言語 のセレクターで変更できます。
ソースマップは生成されますか?
いいえ。
TypeScript を圧縮できますか?
いいえ、先に TypeScript を JavaScript にコンパイルしてください。