Skip to content
ブログに戻る
チュートリアル

Base64エンコーディングとは?初心者向けわかりやすい解説

Base64エンコーディングの仕組みと使い方を初心者向けに解説。バイナリデータの変換原理、開発での活用シーン、注意点を具体例とともに紹介します。

8 分で読めます

Base64エンコーディングを理解する

Base64は初めてですか?ここで正しい場所です。 この初心者向けガイドでは、Base64とは何か、どのように動作するか、開発者としてどこで遭遇するかをステップバイステップで解説します。MIMEエンコーディング、Data URL、パフォーマンス最適化、セキュリティに関する考慮事項などの上級トピックについては、Base64 上級ガイドをご覧ください。

Base64エンコーディングは、現代のソフトウェア開発で幅広く使われている基本的な技術です。HTMLに画像を埋め込む場合、テキストベースのプロトコルでバイナリデータを送信する場合、APIとやり取りする場合など、Base64の理解は開発者にとって欠かせません。

Base64とは?

Base64は、バイナリデータをASCII文字列形式に変換するエンコーディング方式です。64種類の文字(A-Z、a-z、0-9、+、/)を使ってデータを表現し、パディングには = を使用します。

「Base64」という名前は、エンコーディングのアルファベットとして正確に64個の印刷可能なASCII文字を使用することに由来します。この方式はメールの黎明期に生まれました。当時、MIME(Multipurpose Internet Mail Extensions)規格では、7ビットASCIIテキストしか扱えないメールメッセージに、画像やドキュメントなどのバイナリファイルを添付する信頼性の高い方法が必要でした。Base64はRFC 4648で正式に定義されており、その起源は1980年代後半のPEM(Privacy Enhanced Mail)仕様にまで遡ります。以来、コンピューティング分野で最も広く採用されているエンコーディング方式の一つとなっています。

なぜBase64を使うのか?

  1. データ転送:多くのプロトコルはテキストデータのみをサポートしています。Base64を使えば、バイナリデータを安全にテキストとして送信できます。
  2. Data URI:Data URIを利用して、小さな画像やファイルをHTML/CSSに直接埋め込めます。
  3. APIペイロード:JSONペイロードにバイナリデータを含める際、エンコーディングの問題を回避できます。
  4. メール添付ファイル:MIMEエンコーディングでは、添付ファイルの処理にBase64が使われています。

より具体的に理解するために、Base64が日常的に使われるシーンを見てみましょう:

  • メール添付ファイル(MIME):メールにPDFや画像を添付すると、メールクライアントがファイルをBase64エンコードしてメール本文にテキストブロックとして埋め込みます。受信側のクライアントがそれをデコードして元のファイルに復元します。
  • HTML/CSSへの画像埋め込み:外部画像へのリンクの代わりに、data URLとしてインラインで埋め込めます:<img src="data:image/png;base64,iVBOR...">。これにより余分なHTTPリクエストが不要になり、小さなアイコンやスプライトに便利です。
  • JSON/XMLでのバイナリデータ格納:JSONとXMLはテキスト形式であり、生のバイトをネイティブに表現できません。Base64を使えば、サムネイル、暗号鍵、証明書などのバイナリコンテンツを通常の文字列フィールドとして格納できます。
  • HTTP Basic認証Authorizationヘッダーは認証情報をBasic base64(ユーザー名:パスワード)の形式でエンコードします。例えば、user:passBasic dXNlcjpwYXNzになります。これはエンコーディングであって暗号化ではないため、必ずHTTPSと併用してください。

Base64の仕組み

Base64エンコーディングは、3バイト(24ビット)のバイナリデータを4文字(各6ビット)に変換します。

元データ:   01001101 01100001 01101110  (3バイト = "Man")
分割:       010011 010110 000101 101110  (6ビットずつ4グループに分割)
Base64:     T      W      F      u       (4文字に変換)

ステップバイステップの例:“Hi”をエンコードする

短い文字列「Hi」のエンコード過程を追って、各ステップで何が起きているか見てみましょう。

1. ASCII値を取得:

  • H = 72、i = 105

2. 8ビットバイナリに変換:

  • H = 01001000、i = 01101001

3. すべてのビットを連結:

  • 01001000 01101001(合計16ビット)

4. 6ビットずつのグループに分割(最後のグループをゼロで埋める):

  • 010010 000110 100100
  • 元の16ビットには3グループ(= 18ビット)が必要なため、2ビットのゼロが追加されます。

5. 各6ビット値をBase64アルファベットにマッピング:

  • 010010 = 18 → S
  • 000110 = 6 → G
  • 100100 = 36 → k

6. パディングを追加: 入力が2バイト(3の倍数ではない)なので、=を1つ追加します。

結果:SGk=

パディングのルールはシンプルです:入力の長さを3で割った余りが1なら==を追加、2なら=を追加、0なら不要です。

よくある注意点

データサイズの増加

Base64はデータサイズを約33%増加させます。例えば、1MBの画像はBase64エンコード後に約1.37MBになります(正確なオーバーヘッドは改行やパディングによって異なります)。アイコンのような小さなアセットでは無視できる程度ですが、大きなファイルでは膨張が急速に蓄積します。10MBの動画は13MBを超えてしまいます。インライン埋め込みの利便性とサイズ増加のコストを比較して判断しましょう。

暗号化ではない

Base64はエンコーディングであり、暗号化ではありません。セキュリティ上の保護は一切なく、誰でも一瞬で元に戻せます。JavaScriptではatob('SGVsbG8=')を実行するだけで"Hello"が返されます。パスワード、トークン、機密データの隠蔽にBase64を使ってはいけません。機密性が必要な場合は、適切な暗号化(AES、RSAなど)を使用してください。

URLセーフの問題

標準のBase64で使われる+/は、URLやクエリ文字列で特別な意味を持ちます。例えば、標準Base64のdata+test/valueはURLパラメータを壊してしまいます。URLセーフBase64は+-に、/_に置き換え、data-test_valueのような文字列を生成します。これならパーセントエンコーディングなしでURLに安全に使用できます。ほとんどの言語がURLセーフ版を提供しているので、Base64の出力がURLに含まれる場合は必ず使用しましょう。

さまざまなプログラミング言語でのBase64

ほとんどの言語にはBase64のサポートが組み込まれています。よく使われる2つの例を紹介します:

// JavaScript(ブラウザとNode.js)
btoa('Hello')     // "SGVsbG8="
atob('SGVsbG8=')  // "Hello"
# Python
import base64
base64.b64encode(b'Hello').decode()   # 'SGVsbG8='
base64.b64decode('SGVsbG8=').decode()  # 'Hello'
// Go
package main

import (
    "encoding/base64"
    "fmt"
)

func main() {
    encoded := base64.StdEncoding.EncodeToString([]byte("Hello"))
    fmt.Println(encoded) // "SGVsbG8="

    decoded, _ := base64.StdEncoding.DecodeString("SGVsbG8=")
    fmt.Println(string(decoded)) // "Hello"

    // URL-safe variant
    urlEncoded := base64.URLEncoding.EncodeToString([]byte("Hello?World"))
    fmt.Println(urlEncoded) // "SGVsbG8/V29ybGQ="
}

JavaScriptでは、btoa()(binary-to-ASCII)がエンコード、atob()(ASCII-to-binary)がデコードを行います。btoa()はLatin-1文字しか扱えないため、Unicode文字列の場合は先にUTF-8にエンコードする必要があります。Pythonのbase64モジュールはbytesオブジェクトを操作するため、b'...'.encode()で文字列をバイトに変換してから渡します。Goのencoding/base64パッケージはStdEncodingURLEncodingの両方を標準で提供しており、ユースケースに応じた適切なバリアントを簡単に選択できます。Java、C#、Ruby、PHPなど他の言語も、標準ライブラリで同様のシンプルなAPIを提供しています。

Go ToolsのBase64ツールを使う

Base64エンコード/デコードツールを使えば、以下の操作が簡単にできます。

  • テキストやファイルをBase64にエンコード
  • Base64文字列をデコード
  • Web埋め込み用のData URIを生成
  • URLセーフなエンコーディングに対応

まとめ

Base64は、すべての開発者が理解しておくべき汎用的なエンコーディング方式です。テキストのみのチャネルでバイナリデータを送信する必要があるときに活用できますが、セキュリティ対策にはならないこと、データサイズが増加することを覚えておきましょう。


さらに深く学びたい方へ Base64完全ガイド:MIMEからData URLまで実践的に解説では、JavaScriptやPythonでの実装パターン、パフォーマンス最適化のヒント、セキュリティ上の注意点を詳しく紹介しています。