ファイルから Base64 への変換

画像、PDF、あらゆるファイルを Base64 や data: URI に、アップロードなしでブラウザー内で変換します。URL セーフ、76 文字折り返し、コピーや .txt のダウンロードも可能。

すべてブラウザ内で実行されます。データがアップロードされることはありません。

Base64 ファイルのエンコードとは?

端末のファイルを読み込み、その正確なバイト列を Base64 にエンコードします。素の Base64 としても、そのまま使える data:<type>;base64,… URI としても出力できます。ファイルがブラウザーの外に出ることはありません。

Base64 ファイルのエンコードの使い方

  1. ファイル領域をクリックして、ファイル(どの形式でも)を選びます。
  2. 出力形式 として Base64 のみ か データ URI(data:…;base64,…) を選びます。
  3. 素の Base64 では、URL セーフなアルファベット(- と _) や 76 文字ごとに改行(MIME) を有効にできます。
  4. ファイル名、形式、サイズ、Base64 の長さを確認し、コピー するか .txt をダウンロード します。

例

入力
encoding-hello.txt (13 bytes: Hello, World!)
出力
SGVsbG8sIFdvcmxkIQ==

データ URI 形式では data:text/plain;base64,SGVsbG8sIFdvcmxkIQ== になります。

Base64 ファイルのエンコードを使うべき場面

小さな画像、フォント、アイコンを CSS/HTML にインライン化するとき、JSON の API でファイルを送るとき、テスト用データに添付ファイルを貼り付けるときに使います。大きなファイルのインライン化は避けてください。Base64 は約 33% 大きくなり、ブラウザーが別個にキャッシュすることもできません。

Base64 ファイルのエンコードの仕組み

ファイルは ArrayBuffer として読み込まれ、そのバイト列が RFC 4648 の Base64 アルファベットでエンコードされます(3 バイト → 4 文字)。データ URI には、ブラウザーが報告する MIME タイプ、またはブラウザーが分からない場合はファイルのマジックバイトから判定したタイプが使われます。画像にはプレビューも表示されます。

一般的な使用例

  • 小さな PNG や SVG のアイコンを CSS の背景のデータ URI として埋め込む
  • JSON のリクエストボディで PDF や画像を送る
  • ユニットテスト用のテストデータを作る
  • Base64 を期待する設定に証明書やキーのファイルを貼り付ける

セキュリティ注意事項

ファイルはすべてブラウザー内で処理されます。Base64 の出力は暗号化されておらず、誰でもファイルに戻せます。

よくある質問

ファイルはアップロードされますか?

いいえ。JavaScript でローカルに読み込まれてエンコードされ、サーバーには何も送信されません。

サイズの上限はありますか?

端末のメモリだけです。数メガバイトのファイルも動作しますが、テキストの出力は非常に長くなります。インラインのデータ URI は小さく保つのが最適です。

データ URI にはどの MIME タイプが使われますか?

ブラウザーがそのファイルについて報告するタイプです。空の場合は、ツールが先頭のバイトから一般的なタイプ(PNG、JPEG、PDF、ZIP など)を判定します。

他のカテゴリを見る