この記事に関連するツール
ブラウザ上ですぐに試せます。記事の内容を確認しながら使うと、作業の流れをつかみやすくなります。
「画像、これどうやって送ればいい？」
フロントエンドの開発をしていて、ふと思ったことはありませんか？
「この小さなアイコン、わざわざ画像ファイルとしてリクエストを飛ばすほどでもないんだけどな……。なんとかテキストとして、コードの中に埋め込めないかな？」
あるいは、API でバイナリデータをやり取りしようとして、JSON の中で「文字化け」に絶望した経験。
そんなとき、私たちの救世主となってくれるのが Base64 という魔法の翻訳術です。
バイナリとテキストの「架け橋」
コンピュータの奥深くにある「0 と 1」のバイナリデータは、そのままではメールや JSON といった「テキストの世界」を通ることができません。強引に通そうとすると、途中でデータが壊れてしまいます。
そこで、バイナリを A-Z や 0-9 といった「誰にでも読める 64 種類の文字」に置き換える。
これが Base64 エンコードの本質です。いわば、壊れやすいガラス細工（バイナリ）を、頑丈な段ボール（テキスト）に梱包して送るようなイメージですね。
エンジニアなら知っておきたい「梱包コスト」
ただし、この「梱包」にはちょっとした副作用があります。
Base64 に変換すると、データサイズは元の 約 1.3 倍 に膨れ上がります。
「便利だから」といって、巨大な高画質画像をすべて Base64 にして HTML に埋め込んでしまうと、ページの読み込みがカメのように遅くなってしまいます。
「小さなアイコンは Base64 でサクッと」「大きな写真はファイルとしてスマートに」。
この使い分けができるようになると、あなたのコードはもっと洗練されたものになります。
Base64をエンコード・デコードする手順
文字列や小さなデータをBase64に変換したいときは、まず元データが「テキスト」なのか「バイナリ」なのかを確認します。
APIの値を調べるだけなら、テキストとして貼り付けて変換するだけで十分です。
- 変換したい文字列、またはBase64文字列をコピーする。
- Base64/58/32 変換ツール に貼り付ける。
- エンコードかデコードを選ぶ。
- 結果が文字化けしていないか確認する。
- 必要に応じてBase58やBase32との違いも確認する。
たとえば hello をBase64にすると、次のようになります。
aGVsbG8=逆に aGVsbG8= をデコードすると、元の hello に戻ります。
最後の = はパディングと呼ばれる調整用の文字で、データ長を揃えるために付くことがあります。
Base64がよく使われる場面
Base64は「バイナリをテキストとして扱いたい」ときに便利です。
代表的な用途は次の通りです。
- JSON内で小さな画像やファイル断片を扱う
- Basic認証のユーザー名とパスワードをエンコードする
- JWTのヘッダーやペイロードを表現する
- メールや古いプロトコルでバイナリを安全に送る
- Data URLとして小さな画像をHTMLやCSSに埋め込む
ただし、Base64は暗号化ではありません。
デコードすれば元の内容が読めるため、パスワードや秘密情報を「隠す」目的では使わないでください。
Base64・Base58・Base32の違い
似た名前のエンコード方式がいくつかありますが、使われる場面は少し違います。
| 種類 | 特徴 | よく使われる場面 |
|---|---|---|
| Base64 | 64種類の文字で効率よく表現できる | API、JWT、Data URL |
| Base58 | 紛らわしい文字を避ける | 暗号資産のアドレスなど |
| Base32 | 大文字英数字中心で扱いやすい | OTP、識別子、DNS周辺 |
迷ったら、Web開発やAPIではBase64を使う場面が多いです。
人間が手で読み書きする可能性がある識別子では、見間違いを避けやすいBase58やBase32が選ばれることがあります。
DevToolKits で「サクッと」変換
「この Base64、元は何だったっけ？」「この文字列を Base58 に変えたい」。
そんなときは、当サイトの Base64/58/32 変換ツール を使ってみてください。
ボタン一つで、複雑なエンコード・デコードが完了します。
バイナリデータの扱いをもっと身近に、もっと楽しく。あなたの開発を、ちょっとだけ軽やかにするお手伝いをさせてください。
よくある質問
Base64は暗号化ですか？
いいえ。Base64は暗号化ではなく、データ表現を変換するエンコードです。
誰でもデコードできるため、秘密情報を守る目的では使えません。
末尾の = は消してもいいですか？
= はパディングです。用途によっては省略されることもありますが、互換性を重視するなら残しておくのが安全です。
JWTなど一部の形式では、URLに載せやすいBase64URL表現としてパディングが省略されることがあります。
Base64にすると容量は増えますか？
増えます。Base64化すると、元データよりおよそ33%大きくなります。
大きな画像や動画をBase64で埋め込むとページが重くなりやすいので注意してください。
まとめ
Base64 は、デジタルな世界の「共通言語」のような存在です。
仕組みを理解し、その性質（ちょっと太っちゃうこと！）に寄り添いながら使いこなすことで、データ連携の悩みはぐっと少なくなります。さあ、今日も軽快にコードを書いていきましょう！