画像Base64変換

画像とBase64を相互に扱う

このページでは、画像ファイルからBase64形式の文字列を作る方法と、Base64文字列から画像を表示して保存する方法を選べます。画像から作る結果は、画像の種類を示す情報を含む data URL です。たとえば data:image/png;base64,... の先頭部分がメディアタイプを示し、カンマ以降が画像データをBase64で表します。

Base64はバイナリデータを文字で表現する符号化方式で、圧縮や暗号化ではありません。RFC 4648の標準的な方式では、元データ3オクテットを4文字で表し、末尾の長さによって = の埋め合わせが付く場合があります。このため、文字列は元の画像データより長くなります。data URLの形式はRFC 2397で定義され、メディアタイプと符号化方式をデータ本体に添えて渡せます。

小さな画像をHTMLやCSSの例に含めたり、APIなどから受け取ったdata URLを目で確認したりするときに利用できます。画像のサイズ変更、圧縮、別形式への変換を行う機能ではありません。

data URLとBase64本文を見分ける

完全なdata URLは data:[メディアタイプ];base64,[データ] の形です。画像の場合は data:image/jpeg;base64,... のように、PNGなら image/png、JPEGなら image/jpeg といった型を指定します。画像からBase64を作ると、選んだ画像のメディアタイプを含むdata URLが結果になります。

復元側に先頭のdata URLがない文字列だけを貼り付けた場合、このページはPNGとして表示を試みます。元データがJPEGやWebPなどPNG以外なら、この仮定では表示できないことがあります。正しい形式が分かる場合は、該当するメディアタイプを含むdata URLを入力してください。接頭辞を書き換えるだけでは、画像形式そのものは変換されません。

規格上のデータ形式を確認する場合は、RFC 4648がBase64の符号化規則を、RFC 2397がdata URLの構造を定めています。ブラウザーでのdata URL利用の概要はMDNの解説でも確認できます（2026年10月1日確認）。

変換方向を選んで結果を取り出す

1. 画像から文字列を作る

   「画像からBase64」を選び、画像を1枚選択します。5 MBを超えるファイルは受け付けられません。処理後に表示される文字列には、画像のメディアタイプを含むdata URLが付いています。

2. 文字列から画像を確認する

   「Base64から画像」を選び、完全なdata URLまたはBase64本文を貼り付けます。内容が画像として読み込めるとプレビューが表示され、幅・高さ、形式、概算サイズを確認できます。

3. コピーまたは保存する

   画像から作った文字列はコピーできます。復元した画像はダウンロードできます。次のデータを扱う前に「クリア」するか、変換方向を切り替えて入力と表示をリセットしてください。

復元結果のプレビューが出ないときは、文字列が途中で切れていないか、data URLのカンマ以降に不要な引用符や説明文が混ざっていないかを確認します。

入力形式と変換結果について

表示・サイズ表示の限界

• 画像ファイルの選択は1枚ずつで、アップロードの上限は5 MBです。複数ファイルの一括変換には対応していません。
• 実際にプレビューできる形式は利用中のブラウザーの画像対応状況にも左右されます。ファイル選択欄で画像として選べることだけで、すべての環境で表示できるとは限りません。
• プレビューに併記されるサイズはBase64文字列の長さから計算した概算値です。正確なファイル容量の検査値として扱わないでください。
• Base64は暗号化ではありません。文字列を受け取った人は画像データを復元できる可能性があります。機密画像を安全に保護する手段として使わないでください。
• 大きな画像をdata URLとして埋め込むと、文書やスタイルの文字量が増え、独立した画像ファイルのようには個別キャッシュできません。MDNのdata URL解説も、長いデータを埋め込む用途の性質を説明しています。