URL Encoder / Decoder
URL Encoder / Decoder — ブラウザで動作します。入力は保存されません。
URLエンコード / デコード
encodeURIComponent / decodeURIComponent 基準です。入力はブラウザ内だけで処理されます。
使い方
- 入力欄にクエリ値、ハングル、空白・特殊文字が混ざった文字列を貼ります。
- エンコードを押すとJavaScript
encodeURIComponentと同じパーセント符号化の結果が出ます。 - すでに
%HH形式の値はデコードで戻します。フォームでよくあるプラス(+)は空白に替えてからデコードします。 - 入出力の入れ替えで結果を再び入力に移し、連続変換できます。
- リセットで両欄を空にします。値はこのページのブラウザだけで処理され、サーバーには上がりません。
- 検索・リダイレクト・APIクエリを作るときは、キーはそのままにし値だけエンコードしてから
&でつなぐ習慣が安全です。
ポイント
URLエンコード(パーセント符号化)は、アドレス欄にそのまま入れると壊れたり意味が変わる文字(空白、ハングル、&、=、?など)を%EC%95%88のようにUTF-8バイト単位で置き換えます。この画面はブラウザencodeURIComponent基準なので空白はプラスではなく%20になり、パス断片やクエリパラメータに入れる値を安全にする用途に合います。予約文字までエスケープするので、完成したアドレスを一度に回すより値単位で使う方が合っています。
URL全体をまとめてエンコードするとhttps://のコロンとスラッシュまで変わり、ブラウザがリンクとして開けません。デコードはdecodeURIComponentで、フォーム送信でよくあるプラスは空白に置換してからデコードします。切れた%シーケンスや誤った16進なら失敗案内が出ます。変換はこのタブのJavaScriptだけを使い、入力は送信・保存されません。
例
안녕하세요をエンコードするとUTF-8バイトが%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94に変わります。hello worldはhello%20worldです。q=검색어&sort=newのようにクエリを作るときは검색어だけエンコードしてq=の後ろに付けます。結果を入出力入れ替えで上げてデコードすると原文が戻るかすぐ確認できます。
関連: ハッシュ生成 · Base64 → 画像 · 文字数カウント
よくある質問
URLエンコードとは何ですか?
アドレスに入れると危険な文字を<code>%</code>と16進に変える規則です。ハングル・空白・予約文字を検索語・リダイレクト・APIクエリ値として送るときほぼ必須です。
encodeURIComponentとencodeURIの違いは?
このツールは値用の<code>encodeURIComponent</code>です。<code>encodeURI</code>はコロン・スラッシュ・疑問符を残してURL全体を一度に扱うときに使いますが、パラメータ値には向きません。
URLエンコーダで空白は%20ですか、+ですか?
エンコード結果は常に<code>%20</code>です。デコード時だけ<code>application/x-www-form-urlencoded</code>慣習のプラスを空白として解釈します。
URL全体をURLエンコードしてはいけない理由は?
プロトコルとパス区切りまでエスケープされ、ブラウザがリンクとして開けません。キーはそのまま値だけエンコードし<code>&</code>でつないでください。
URLデコードが失敗する場合は?
<code>%</code>の後ろが16進でない、または1バイトが切れたシーケンスなら失敗案内が出ます。原文コピーの過程で空白が混ざっていないか確認してください。
URLエンコーダの入力はサーバーに送られますか?
いいえ。変換はこのページのブラウザのJavaScriptだけを使い、アップロード・ログ保存はありません。
最終確認日: 2026-09-04