「このバイナリデータ、テキストとして送りたいんだけど…」。
そんなエンジニアの無理難題を解決する古来からの智慧、それがBase64です。
このツールは、テキストやデータをBase64形式へエンコード(変換)し、また逆にデコード(復元)します。Basic認証のヘッダー作成や、画像データの埋め込み用コード生成など、地味ながら回避不能なタスクをブラウザ上で瞬殺します。
📦 Base64変換(エンコード/デコード)
万が一のデータ消失に備える
スポンサーリンク
「文字化けさせない」ための利用シーン
Base64は、画像やバイナリデータを「英数字だけの安全なテキスト」に変換する技術です。 システム開発やAPI連携の現場では、以下のような場面で頻繁に利用されます。
| Basic認証ヘッダーの作成 | HTTPリクエストヘッダーに認証情報を載せる際、ID:Password という文字列をBase64エンコードして送信する必要があります。コマンドラインを叩くのが面倒な時に便利です。 |
|---|---|
| 画像データの埋め込み(Data URI) | 小さなアイコン画像などをHTMLやCSSに直接書き込みたい時、画像をBase64文字列に変換して src="data:image/png;base64,..." と記述することで、HTTPリクエスト数を削減できます。 |
| メールの添付ファイル処理 | メールシステムは伝統的にテキストしか扱えません。添付ファイルを送る際、内部ではBase64(MIME)に変換されて送信されています。そのログ解析やデバッグに役立ちます。 |
機能解説:エンコードとデコード
本ツールは、URLの一部として使うための特殊形式(Base64URL)にも自動対応しています。
- 🔒 エンコード(Base64にする) あらゆる文字列を
A-Z, a-z, 0-9, +, /の64種類の文字(とパディング用の=)だけに変換します。 これにより、記号や日本語が含まれていても、システム間で安全に受け渡しが可能になります。 - 🔓 デコード(元に戻す) Base64文字列を元のデータに戻します。 本ツールは、URLで安全に使える「Base64URL(
-や_を使用)」形式が入力された場合も、自動的に標準形式に補正してデコードします。
早見表:標準Base64 と Base64URL の違い
「デコードできないと思ったら記号が違った」。 そんな事故を防ぐための、標準仕様(RFC 4648)とURL用仕様の違いリストです。
| 項目 | 標準 Base64 | Base64URL (URL Safe) |
|---|---|---|
| 記号1 (62番目) | + (プラス) | – (ハイフン) |
| 記号2 (63番目) | / (スラッシュ) | _ (アンダースコア) |
| パディング (=) | 必須 (長さ調整用) | 省略されることが多い |
| 主な用途 | Basic認証、メール添付、Data URI | JWT (JSON Web Token)、URLパラメータ |
よくある質問 (FAQ)
Q 「暗号化」とは違うのですか?
A. はい、決定的に違います。Base64は「エンコード(符号化)」であり、ルールを知っていれば誰でも元のデータに戻せます。パスワードなどの機密情報を隠す目的でBase64を使ってはいけません。
Q デコードしたら文字化けしました。
A. 元のテキストの文字コードがUTF-8以外(Shift_JISなど)だった場合、Webブラウザ上での単純なデコードでは文字化けすることがあります。本ツールはUTF-8を基準に処理しています。
Q 入力データはサーバーに保存されますか?
A. いいえ。変換処理はすべてお使いのブラウザ内(JavaScript)で行われます。認証情報などを入力しても、外部サーバーへ送信されることは一切ありませんのでご安心ください。
開発者のひとりごと
👨💻
「末尾の『=』を見ると、実家のような安心感を覚えます」
意味不明な英数字の羅列に見えても、最後に「=」がついているだけで「あ、君はBase64くんだね。敵じゃないね」と識別できる。 これはエンジニアにとって、暗闇で知人の顔を見つけた時のような安らぎです。
ただ、デコードした結果がバイナリデータで、コンソールが「」という豆腐文字で埋め尽くされた時の絶望感もセットです。 文字化けなのかバイナリなのか一瞬迷うあの時間を、このツールで少しでも短縮できれば本望です。