URLエンコーダー
URLとクエリ文字列コンポーネントをパーセントエンコード
入力
出力 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デコーダー.
このツールの使い方
エンコーディングモードを選択
パラメータ値(例:検索語)をエンコードするにはコンポーネントを、完全なURLをエンコードするには完全なURLを選択してください。サンプルをクリックしてサンプルデータを読み込みます。
入力を貼り付け
左のエディターにテキストを入力または貼り付けます。右のパネルは自動的にパーセントエンコードされた出力で更新されます。エンコーディングはブラウザ内で完全に実行され、サーバーにデータは送信されません。
コピーまたはダウンロード
<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はencodeURIComponentとencodeURIを文書化しています。