Base64 ・ URL エンコーダーとは?

無料のオンライン Base64 ・ URL エンコーダー/デコーダー。絵文字や中国語・日本語テキストを含む Unicode 文字に対応。すべての処理はブラウザ上でローカル実行。

Base64エンコードとURLエンコードはWeb開発における基本的な技術ですが、正しく扱うのは意外に難しいものです。Base64はバイナリデータ(画像、ファイル、暗号化キー)を安全なテキスト表現に変換し、HTML、CSS、JSONに埋め込めるようにします。URLエンコードは安全でない文字(空白、記号、Unicode)をパーセントエンコードされたシーケンスに置き換え、クエリ文字列やURLパスで利用できるようにします。このツールは、完全なUnicodeサポートとリアルタイム変換を備え、これら両方を単一のインターフェースで処理します。

このツールは、すっきりとしたセレクターからアクセスできる4つのモードを提供します。Base64エンコード、Base64デコード、URLエンコード、URLデコードです。入力内容を入力または貼り付けると、出力は即座に更新されます。送信ボタンも待ち時間もありません。スワップボタンを使えば操作を即座に反転できます。これはデバッグに非常に役立ちます。エンコードされた文字列があって元の内容を確認したい場合、あるいはその逆の場合も、ワンクリックで方向を切り替えられます。この即時フィードバックの仕組みは、エンコードページとデコードページを別々に切り替えるよりもはるかに高速です。

Unicodeサポートは重要な差別化ポイントです。多くのエンコードツールは非ASCII文字に対応できず、絵文字や中国語の文字、アクセント付きの文字では文字化けした出力を生成します。このツールはブラウザのネイティブなTextEncoder APIとTextDecoder APIを使用しており、Unicode標準全体を正しく処理します。URLパラメータ用に日本語の漢字文字列をエンコードする場合でも、Base64エンコードされた絵文字をデコードする場合でも、結果は常に正確です。

すべての処理はローカルで行われます。データがブラウザの外に出ることはありません。サーバーへの往復もログもなく、プライバシーの懸念もありません。これは、APIキー、JWTトークン、認証資格情報のエンコードなど、生の値をサーバーサイドのツールに貼り付けたくない機密性の高い操作で特に重要です。エンコードロジックはブラウザ自体に組み込まれているため、このツールはページの最初の読み込み後も動作します。

Base64 ・ URL エンコーダーの実際の使用例

API認証トークンのデバッグ

ログイン応答からのJWTトークンはBase64でエンコードされています。トークンをBase64デコードモードに貼り付けて、そのヘッダーとペイロードを調べます。各セグメントは独立してデコードできるため、コードを書かずにトークンに期待どおりのクレームが含まれていることを確認できます。

メール用のクエリ文字列パラメータのエンコード

Eコマースのメールリンクには、空白や特殊文字、Unicodeを含むトラッキングパラメータが含まれています。商品名やトラッキングIDをURLエンコードモードに貼り付けると、受信者がリンクをクリックしたときに壊れない適切にエンコードされたクエリ文字列を生成できます。

インライン画像用のData URIの作成

別途HTTPリクエストを送らずに小さなアイコンをCSSやHTMLに直接埋め込むには、画像ファイルをBase64のData URIとしてエンコードします。画像をアップロードするかバイナリ内容を貼り付けてエンコードすると、src="data:image/..."属性として貼り付ける準備ができた結果が得られます。

なぜBase64 ・ URL エンコーダーを使うのか?

  • 4つのモード:Base64エンコード/デコード、URLエンコード/デコード
  • 完全なUnicode対応(絵文字、CJKなど)
  • リアルタイム変換
  • ワンクリックでエンコード方向を反転

Base64 ・ URL エンコーダーの使い方 — ステップバイステップ

1

モードを選択します:エンコードまたはデコード、Base64またはURL。

2

テキストまたはエンコード済み文字列を入力フィールドに貼り付けます。

3

入力と同時に出力がリアルタイムで更新されます。

4

結果をコピーするか、入出力を入れ替えて逆の操作を行います。

Base64 ・ URL エンコーダーはこんな方におすすめ

  • APIデバッグ
  • データURI
  • URLパラメータ
  • JWTトークン

Base64 ・ URL エンコーダーのプロのヒント

  • 1別のページに移動する代わりに、ワンクリックでエンコードとデコードを切り替えましょう。スワップボタンはモードを反転させ、出力を入力に移動します。ラウンドトリップ検証に最適です。
  • 2URLパラメータをエンコードするときは、URL全体ではなく値だけをエンコードしましょう。URL全体(https://やドメインを含む)をエンコードすると壊れます。エスケープが必要なパラメータ値だけを貼り付けてください。
  • 3Base64エンコードではデータサイズが約33%増加します。大きなペイロードの場合、これは重要です。Base64が本当に必要かどうか、あるいはデータを元のバイナリ形式で送信できるかどうかを検討しましょう。
  • 4デコード結果が文字化けしている場合は、正しいモードを選択したか確認しましょう。Base64のように見えるURLデコード済みテキストは、おそらくBase64デコードが必要で、その逆も同様です。

Base64 ・ URL エンコーダー — よくある質問

Does this support Unicode characters?

Yes, the tool properly handles UTF-8 encoding, so emojis, Chinese, Japanese, and other multi-byte characters work correctly.

Is my data sent to a server?

No. All encoding and decoding happens entirely in your browser. No data is ever transmitted to any server.

Can I use these tools with sensitive/proprietary data?

Absolutely. All processing runs locally in your browser with zero server uploads. This makes these tools safe for proprietary code, internal API keys, and confidential data.

Do these tools work offline?

Yes, once the page has loaded, most developer tools continue functioning without an internet connection. This makes them ideal for air-gapped environments or travel.

What browsers are supported?

All modern browsers are supported: Chrome, Firefox, Safari, and Edge. Internet Explorer is not supported. The tools leverage modern JavaScript APIs like Web Crypto, TextEncoder, and BigInt.

Base64 ・ URL エンコーダーを今すぐ試す

無料オンラインツール — ブラウザで動作、サインアップ不要。今すぐ使い始められます。

今すぐ試す
Free Forever · No Sign-up

182 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.