Image to Base64

Binary to Text Serialization

Convert images to Base64 strings to embed them directly in your code.

Data URI
Raw Base64

Base64はバイナリをテキストで扱える形にするエンコードです

画像やファイルのデータをJSON、HTML、CSS、メール、テストデータなどテキスト前提の場所に入れるとき、Base64がよく使われます。このツールはブラウザ内で画像を読み取り、Data URIと純粋なBase64本文を分けて表示します。

基本概念

Base64

バイナリデータを64種類の文字で表し、テキスト環境でも壊れにくくします。

Data URI

MIMEタイプとBase64本文を含み、HTMLやCSSに直接書ける形式です。

Raw Base64

接頭辞を除いた本文だけで、APIやテスト、保存項目に向いています。

使い方

  1. 画像ファイルを選択し、ブラウザで読み込みます。
  2. HTML/CSSに埋め込む場合はData URIを、本文だけ必要な場合はRaw Base64をコピーします。
  3. 大きなファイルは文字列が長くなるため、実運用ではストレージやCDNも検討します。

よくある質問

Base64にするとファイルは小さくなりますか？

いいえ。Base64は圧縮ではなくエンコードなので、通常は元データより約3分の1大きくなります。

Data URIとRaw Base64の違いは？

Data URIには`data:image/png;base64,`のような種類情報が含まれます。Raw Base64はエンコード本文だけです。

画像はサーバーへアップロードされますか？

このページの変換はブラウザのFileReaderで処理されます。ただし機密ファイルは所属先の規定を確認してください。

機密ファイルや大容量素材は、Base64埋め込みより管理された保存先とアクセス制御を優先してください。