URLエンコード・デコード｜パーセントエンコード・encodeURI切替対応の無料ツール

URLをパーセントエンコード・デコードできる無料オンラインツール。日本語・特殊文字対応、encodeURI/encodeURIComponent切替搭載、ブラウザだけで動作しデータはサーバーに送信されません。

ブラウザ内処理完全無料登録不要

入力テキスト

詳細設定

エンコード方式

コンポーネント用（encodeURIComponent）— パラメータ値に推奨URL全体用（encodeURI）— URL構造の : / ? # を保持

スペースの変換

%20（標準・RFC 3986）+（フォームデータ用）

エンコードしたいテキストを入力してください

変換結果がここに表示されます

このツールについて

使い方・特徴・補足情報

URLエンコード・デコードとは

URLエンコード・デコードツールは、文字列を URL で安全な %XX 形式に変換するツールです。逆に %XX を元のテキストへ戻すこともできます。

日本語・スペース・#・& などは URL でそのまま使えません。これらを %E3%81%82 の形に置き換えるのがパーセントエンコードです。

本ツールは encodeURIComponent と encodeURI の2方式を切り替えられます。クエリの値とURL全体で、適切なエンコードを選べます。

入力はすべてブラウザ内で処理し、外部へ送りません。

👤 こんな人におすすめ✨

URLを組み立てる開発者

✅ 楽になること

URLのパーセントエンコード・デコード

✍️ 避けたい手間

日本語や記号でリンクが壊れること

解決できる困りごと

URL に日本語が含まれてリンクが壊れる原因を確認しやすくなる
クエリパラメータに記号が混ざる場面でエンコード漏れを発見できる
encodeURI と encodeURIComponent の挙動の違いを試して取り違えを防げる

使い方

「エンコード」タブを選び、テキストエリアに変換したいテキストを入力します。
入力と同時にパーセントエンコードされた結果がリアルタイムで表示されます。
デコードしたいときは「デコード」タブを選択し、エンコード済みの文字列を貼り付けます。
エンコード方式を変えたい場合は「詳細設定」を開き「コンポーネント用」か「URL全体用」を選択します。
フォームデータのクエリパラメータを扱う場合は「詳細設定」の「スペースの変換」を + に変更します。
「コピー」ボタンで結果をクリップボードにコピーして利用します。

使用例

日本語クエリのエンコード

検索クエリに日本語が含まれる URL を encodeURIComponent で安全な形にエンコードする例です。

入力

こんにちは

出力

%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF

パーセントエンコード文字列のデコード

アクセスログに残っていた %E6%97%A5%E6%9C%AC%E8%AA%9E のような文字列を元の日本語に復元する例です。

入力

%E6%97%A5%E6%9C%AC%E8%AA%9E

出力

日本語

encodeURI と encodeURIComponent の違い

URL 予約文字 :/?=& がエンコードされるかどうかが両者で異なります。コンポーネント用は : も %3A になります。

入力

https://example.com/?q=日本語

出力

encodeURI:          https://example.com/?q=%E6%97%A5%E6%9C%AC%E8%AA%9E
encodeURIComponent: https%3A%2F%2Fexample.com%2F%3Fq%3D%E6%97%A5%E6%9C%AC%E8%AA%9E

活用シーン

APIリクエストURLの組み立て

クエリに日本語やスペースを含む値を渡すとき、encodeURIComponent で壊れない URL を作れます。

デバッグ・ログ解析

サーバーログやネットワークタブのエンコード済み URL を貼り付け、デコードして元の値を素早く確認できます。

フォームデータの確認

フォーム送信形式（スペースが +）のポストデータをデコードできます。実際に送られた内容を検証するのに向きます。

メールのリンク生成

メール本文に URL を埋め込む際、日本語部分をエンコードしてリンク切れを防ぎます。クライアント差も小さくできます。

2つのエンコード方式の違い確認

?q=日本語 を2モードでエンコードし、:/?= が保持されるかの違いを目で確かめられます。学習にも向きます。

共有用 URL の生成

X やメールに渡す ?text=... の共有 URL を組むとき、改行や記号を含むテキストを安全にエンコードできます。

技術的な解説

補足: 仕組み

エンコードは encodeURIComponent または encodeURI を呼びます。前者は予約文字も含めて全て変換し、後者は :/?# などを残します。

デコードは decodeURIComponent を使います。不正な % 入力は URIError を捕まえ、日本語のエラーを返します。

スペース変換オプションは、フォーム仕様に合わせて %20 を + に置き換えます。

もっと詳しく

全体をエンコードするか、値だけか

URL全体を「コンポーネント用」でかけ、https:// の : や / まで化けさせるのがよくある事故です。スキームや区切りが壊れ、リンクが開けなくなります。

使い分けが原則です。クエリの値だけなら全部変換し、URL 全体なら :/?# を残す方式を選びます。

スペースが + になるのはなぜか

検索 URL でスペースが + になるのは、フォーム送信の仕様で + と決まっているためです。古くからの慣習です。

一方ふつうのクエリでは %20 が正解です。フォーム由来のデータを戻すときだけ、+→スペースの変換を有効にしてください。