URLエンコード/デコードツール

URLエンコード、デコードについて

URLエンコード、とは、URLとして使用できない文字を扱う際に、利用可能な文字に変換（エンコード）する事を言います。パーセントエンコーディング、とも言います。

URLで使える文字は限られている

URLで利用可能な文字は、ASCIIコードで表現される文字のサブセットです。

さらに分けると、文字に意味がある「予約文字」（例：?はクエリーストリングを指します）、そして非予約文字と呼ばれる自由に使ってよい文字（アルファベットや数字、ハイフン、ピリオド、アンダーライン、チルド）、この２種類で構成されています。

漢字や予約文字を使いたい場合はどうする？

漢字や /:$#といった文字を自由にURLに書く事は出来ません。

そこで、URLをエンコードする、という事が必要なのです。

上のツールで、漢字や予約文字などを入れると全て「%2F」「%3A」のように、パーセント＋１６進数の数字、というものに変換されるのがわかると思います。

URLで表現できない文字を、％＋文字コードで置き換えているのです。だからパーセントエンコーディング、とも呼ばれます。

このように文字の置き換え（エンコード）をして、URLとして扱うのです。

逆に、エンコードされたURLを本来の文字列に置き換えたい場合は、デコードという事をします。

これがよく行われている例は、GETメソッドでフォームで値を送信するときです。ブラウザー側で自動的にURLエンコードされ、サーバー側でURLデコードを行います。

漢字や予約文字はそもそも扱わない事をオススメします

漢字や記号が含まれたファイルにリンクしたい場合も、本来であれば、エンコードしたURLをHTML内に記載する必要があります。ブラウザー側でうまく処理して勝手にエンコードしてくれるので、あまり意識しない人も多いですが、何かしらの不具合を招く可能性も否定できません

具体的に起きうる問題は、文字コードが違う場合です。例えばこうです。

Windowsでファイル名をShiftJISコードで作りました。
日本語のファイル名のままウェブサーバー上にファイルを置きました。
(例)日本語.jpg→%93%FA%96%7B%8C%EA.jpg

HTML内に日本語ファイル名を記載しました。
HTMLの文字コードはUTF8です。
(例)日本語.jpg→%E6%97%A5%E6%9C%AC%E8%AA%9E.jpg

見た目は同じ日本語.jpgですが、文字コードが違いますからパーセントエンコードされた結果も違います。
結果、リンク先がない、という事になります。

なので、ファイル名を最初からアルファベットにしておく、ということをオススメします。

ファイル名が英数字で表現されていればURLエンコードそのものが不要で、全世界共通で利用できる文字ですから、誰も困りませんね。

ブラウザーが漢字が含まれるURLをどう扱うかの実験

ここまで書いて気になったので実験です。
サーバー上には、ShiftJISコードで作ったファイル「日本語.jpg」と、UTF8で作ったファイル「日本語.jpg」の２つを設置しています。
・UTF8の日本語をURLエンコードした「日本語.jpg」
・ShiftJISの日本語をURLエンコードした「日本語.jpg」

URLエンコードしない「日本語.jpg」(HTMLはUTF8)
予想通り、UTF8のファイルにリンクされました。

ShiftJISコードで書かれたHTMLでの挙動についても調べてみました。
以下のリンクをたどり、ShiftJISで書かれたページにアクセスして挙動を確認してください。
ShiftJISコードで書いたHTML内に、エンコードしない「日本語.jpg」リンクを書いたページ

予想に反しました。
リンクの文字コードがShiftJISでも、ブラウザー上ではUTF8として扱われるのですね。