入力

出力 encodeURIComponent

URLエンコーディングの例

スペースは%20に、&%26に、=%3Dになります。2つのモードは保持する文字が異なります:

encodeURIComponent(コンポーネントモード)

入力:

入力

出力(コンポーネントモード — : / ? & =をエンコード):

出力

出力(完全URLモード — URL構造を保持):

出力

URLエンコーディングとは?

URLエンコーディング(パーセントエンコーディング)は、URLで許可されていない文字や特別な意味を持つ文字を、%と2桁の16進数に変換します。RFC 3986で定義されています。例:スペースは%20に、&%26に、=%3Dになります。これにより、URLで渡されるデータが文字セットに関係なく正しく送信されます。

このツールはJavaScriptの組み込み関数に合わせた2つのモードを提供します。<strong>コンポーネントモード</strong>は<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent" target="_blank" rel="noopener"><code>encodeURIComponent()</code></a>を使用し、<code>A–Z a–z 0–9 - _ . ! ~ * ' ( )</code>以外をすべてエンコードします。個別のクエリパラメータ値に使用してください。<strong>完全URLモード</strong>は<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI" target="_blank" rel="noopener"><code>encodeURI()</code></a>を使用し、<code>:</code> <code>/</code> <code>?</code> <code>&</code> <code>#</code>などのURL構造文字を保持します。完全なURLに使用してください。デコードにはURLデコーダー.

このツールの使い方

1

エンコーディングモードを選択

パラメータ値(例:検索語)をエンコードするにはコンポーネントを、完全なURLをエンコードするには完全なURLを選択してください。サンプルをクリックしてサンプルデータを読み込みます。

2

入力を貼り付け

左のエディターにテキストを入力または貼り付けます。右のパネルは自動的にパーセントエンコードされた出力で更新されます。エンコーディングはブラウザ内で完全に実行され、サーバーにデータは送信されません。

3

コピーまたはダウンロード

<strong>コピー</strong>でクリップボードに、<strong>ダウンロード</strong>で<code>.txt</code>ファイルとして保存できます。逆にするにはURLデコーダーを使用してください。

コンポーネント vs 完全なURL

モード比較

クエリ文字列の値には常にコンポーネントモードを使用してください。検索語がrock & rollの場合、正しいパラメータはq=rock%20%26%20rollです。q=rock & rollはクエリ文字列の構造を壊します。

よくある質問

データはプライベートですか?

はい。エンコーディングはブラウザ内で完全に実行されます。サーバーにデータは送信されません。

スペースの%20と+の違いは?

application/x-www-form-urlencoded形式(HTMLフォーム)ではスペースは+でエンコードされます。標準のパーセントエンコーディング(RFC 3986)では%20です。このツールは%20を使用します。フォームデータで+が必要な場合は、エンコード後に%20+に置き換えてください。

完全なURLにはどのモードを使いますか?

完全なURLには完全なURLモード(encodeURI)を使用してください。クエリパラメータ、パスセグメント、フラグメントの値にはコンポーネントモード(encodeURIComponent)を使用してください。

Unicode文字はサポートしていますか?

はい。é、絵文字などの非ASCII文字は、まずUTF-8バイトに変換され、次にパーセントエンコードされます。例:é%C3%A9になります。

関連ツール

仕様はRFC 3986を参照。MDNはencodeURIComponentencodeURIを文書化しています。