1
テキストを入力
左のエディターに元の URL を入力してエンコードするか、右のエディターにエンコード済みの文字列を貼り付けてデコードします。
CONVERT.03 URL CODEC
URL エンコード / デコード
完全な URL と個別のパラメーターに対応し、入力すると双方向にリアルタイムで変換します。
RAW
プレーンテキスト
ENC
エンコード後
§ 01
URL をオンラインでエンコード・デコードする方法
2
モードを選択
「URL 構造を保持」を選ぶと完全な URL を encodeURI で変換し、選ばない場合は個別のパラメーター値を encodeURIComponent で変換します。
3
結果をコピー
コピーを押すと結果をクリップボードへコピーできます。左右どちらに入力しても、反対側の結果が自動で更新されます。
§ 02
URL エンコード/デコードについて
URL エンコードの役割
URL エンコード（パーセントエンコード）は Web 通信の基本技術です。URL で安全に使える -_.~ など以外の文字は % と 2 桁の 16 進数へ変換されます。例えば「你好」は %E4%BD%A0%E5%A5%BD、空白は %20 になります。
このツールでは、://、/、?、&、= を保持して完全な URL を変換する encodeURI と、パラメーターの値をすべて変換する encodeURIComponent を使えます。すべての処理はブラウザー内で完結します。
利用例と仕組み
A-Z、a-z、0-9、-、_、.、~ はそのまま残り、それ以外は UTF-8 のバイト列を %XX として表します。デコードはこの逆の処理です。
フロントエンドのクエリーパラメーター、REST API のデバッグ、UTM 付きのリンク、サーバーログや Google Analytics の URL、HTML メール内のリンクなどで役立ちます。
§ 03
よく使う文字の URL エンコード表
文字
URL エンコード
説明
空白
%20URL では空白をエンコードする必要があります
!
%21感嘆符
"
%22二重引用符
#
%23URL フラグメント識別子に使うシャープ
$
%24ドル記号
%
%25パーセント記号自体もエンコードが必要です
&
%26パラメーター区切りに使うアンパサンド
+
%2Bプラス記号。クエリーでは空白を表すこともあります
,
%2Cコンマ
/
%2Fスラッシュ。encodeURI は保持します
:
%3Aコロン
=
%3Dキーと値の区切りに使う等号
?
%3Fクエリー文字列の開始を示す疑問符
@
%40アットマーク
你好
%E4%BD%A0%E5%A5%BD中国語は UTF-8 から 1 バイトずつ %XX に変換されます
😊
%F0%9F%98%8A絵文字も UTF-8 のパーセントエンコードに従います
§ 04
よくある質問
Q1URL エンコード（パーセントエンコード）とは？
URL 内で特殊文字を表現する仕組みです。URL に直接使える文字は英数字と一部の記号に限られるため、中国語、空白、疑問符、等号などは % と 2 桁の 16 進数へ変換します。
Q2「URL 構造を保持」は何をしますか？
http://、/、?、&、= などの構造文字を変換せず、中国語や空白などの文字だけをエンコードします。完全な URL を扱うときに便利です。
Q3デコード時に解析エラーになる理由は？
% の後に 2 桁の 16 進数が続かない、または UTF-8 として不正なバイト列が含まれると、パーセントエンコードの規則に反するためエラーになります。
Q4データはアップロードされますか？
いいえ。すべてのデータはブラウザー内で処理され、ユーザーデータがアップロード・保存されることはありません。
Q5URL エンコードと Base64 の違いは？
URL エンコードは URL に使える文字だけで表現するためのもので、結果は %XX 形式になります。Base64 は任意のバイナリーデータをテキスト化し、添付ファイルや Data URI で使われます。
Q6encodeURI と encodeURIComponent のどちらを使うべきですか？
完全な URL には ://、/、? などの構造を残す encodeURI、個別のパラメーター値には encodeURIComponent を使います。例えば encodeURIComponent("こんにちは") は日本語を完全に変換します。
Q7エンコードで長くなると読み込み速度に影響しますか？
影響は通常ごくわずかで、増えるのは数十から数百バイト程度です。ただし URL の長さには制限があるため、元の URL が約 2048 文字に近い場合は注意してください。
Q8空白が %20 と + のどちらになるのはなぜ？
クエリ文字列では application/x-www-form-urlencoded が空白を + で表すことを許可しています。一方、パスなどでは %20 が必要です。このツールの JavaScript 標準 API は空白を常に %20 に変換します。