URL エンコード・デコード

URL エンコード（パーセントエンコーディング）とは

URL に使える文字は RFC 3986 で英数字と一部の記号に限られています。日本語や空白、& や ? のように URL の中で特別な意味を持つ記号は、UTF-8 のバイトごとに %XX（XX は 16 進数）の形で表します。これがパーセントエンコーディング、いわゆる URL エンコードです。

日本語は 1 文字が UTF-8 で 3 バイトになるため、「東京」は %E6%9D%B1%E4%BA%AC のように 1 文字あたり 9 文字に増えます。ブラウザのアドレスバーでは日本語に見えていても、コピーして LINE やメールに貼るとこの形に変わるのはそのためです。

encodeURIComponent と encodeURI の違い

encodeURIComponent は英数字と - _ . ! ~ * ' ( ) 以外をすべてエンコードします。検索キーワードやリダイレクト先 URL など、URL の「一部分」に入れる値に使います。「a&b=c」は a%26b%3Dc になるので、値の中の & でパラメータが分断されることがありません。

encodeURI は : / ? # & = など URL の構造を表す記号を残し、日本語や空白など URL に使えない文字だけをエンコードします。完成した URL に日本語が含まれている場合に使います。パラメータの値に encodeURI を使うと & がそのまま残り、パラメータが 2 つに割れてしまうのはよくある間違いです。

デコードしても文字化けする場合

このツールは UTF-8 としてデコードします。古い日本語サイトや一部のシステムでは、URL が Shift_JIS や EUC-JP でエンコードされていることがあり、その場合は「UTF-8 として正しくありません」と表示されます。たとえば「東京」は UTF-8 では %E6%9D%B1%E4%BA%AC、Shift_JIS では %93%8C%8B%9E になります。

また、空白が + で表されている URL（フォーム送信や一部の検索結果）は、「空白を + にする」をオンにしてデコードすると正しく空白に戻ります。

広告やキャンペーンの URL を確認する

utm_source、utm_medium、utm_campaign などの計測用パラメータや、gclid、fbclid といったクリック ID が付いた長い URL も、下の URL 分解欄に貼り付ければパラメータごとに 1 行で表示されます。配信前のキャンペーン URL のチェックや、リダイレクト URL に隠れた本当の遷移先の確認に便利です。