URLエンコード・デコード
URL文字列をエンコード・デコードします。クエリパラメータの作成や、エンコードされたURLの解読に役立ちます。
URLエンコード・デコードについて
URLで使用できる文字はRFC 3986により定義されており、日本語や記号など「予約されていない文字以外」はパーセントエンコーディング（%XX形式）に変換する必要があります。これはURLの構造を壊さずに任意のデータをクエリパラメータやパスに含めるための仕組みです。
似た関数であるencodeURIとencodeURIComponentは対象範囲が異なり、前者はURL全体、後者はクエリパラメータなど部品単位のエンコードに向いています。このツールはencodeURIComponent相当の変換を行うため、フォーム値や検索クエリをURLに安全に埋め込みたい場合にそのまま利用できます。
主な使い方
- 1日本語を含むURLをサーバーに安全に送信するためエンコードする
- 2エンコードされたクエリパラメータをデコードして内容を確認する
- 3検索クエリやフォーム入力をURLに含める際に適切にエスケープする
- 4ブラウザのアドレスバーにあるエンコードURLを読みやすく変換する
よくある質問
Q. encodeURIとencodeURIComponentの違いは何ですか？
A. encodeURIはURL全体をエンコードするため「:」「/」「?」「#」などは変換しません。encodeURIComponentはクエリパラメータの値など部品ごとのエンコードに使い、これらの記号もすべてエスケープします。このツールはencodeURIComponentベースで動作します。
Q. スペースは「+」と「%20」どちらになりますか？
A. このツールでは「%20」に変換されます。「+」はフォームデータ（application/x-www-form-urlencoded）固有の表現で、URLのパス部分では%20が標準です。
Q. 処理したURLはサーバーに送信されますか？
A. いいえ。すべての処理はブラウザ上のJavaScriptで完結します。
関連ツール
- Base64 エンコード・デコードテキストをBase64形式にエンコード、またはBase64文字列を元のテキストにデコードします。日本語などUTF-8の多バイト文字にも対応し、認証ヘッダーやデータの確認に便利。ブラウザ内で完結し、データは外部に送信されません。
- HTML エンティティ変換HTMLの特殊文字（< > & " など）を<のようなエンティティにエンコード、またはデコードして元の文字に戻します。HTMLへのコード埋め込みやエスケープ漏れの確認に便利。ブラウザ内で完結します。
- 画像 → Base64変換PNG・JPEG・GIF・WebP・SVG画像をBase64形式のData URIに変換します。CSSやHTMLへの画像の直接埋め込み、メールテンプレートの作成に便利。画像はブラウザ内で処理され、外部に送信されません。