メインコンテンツへスキップ

画像⇔Base64 変換

画像ファイルをBase64/Data URIに変換、またはBase64から画像を復元・ダウンロード。ドラッグ&ドロップ対応。サーバー送信なしの無料オンラインツール。

画像ファイルとBase64/Data URIを相互変換するツールです。ドラッグ&ドロップ対応。

画像⇔Base64 変換
📁画像をドラッグ&ドロップ または クリックで選択PNG, JPEG, GIF, SVG, WebP

// 詳細

画像→Base64変換

画像ファイルをドラッグ&ドロップまたはファイル選択でアップロードすると、Base64文字列とData URI形式に変換します。画像プレビュー、ファイル情報(名前・サイズ・MIME・解像度)、Base64サイズの比較も表示されます。Base64文字列とData URIそれぞれにコピーボタンが用意されています。

Base64→画像変換

Base64文字列またはData URIを貼り付けると、画像として復元・プレビューできます。生のBase64文字列の場合はマジックバイトからMIMEタイプを自動推定します。ダウンロードボタンで画像ファイルとして保存できます。

対応画像形式

PNG、JPEG、GIF、SVG、WebPの5形式に対応しています。Base64→画像変換時はマジックバイト(ファイルの先頭バイト列)からMIMEタイプを自動判定するため、形式を指定する必要はありません。

実務での活用シーン

小さなアイコンやロゴをHTMLやCSSに直接Base64で埋め込む場合、APIレスポンスに含まれるBase64画像データのプレビュー確認、Eメールテンプレートへの画像埋め込み、データURIスキームの生成などに活用できます。

// FAQ

最大ファイルサイズに制限はありますか?
ブラウザのメモリに依存しますが、一般的に数MBまでの画像であれば問題なく変換できます。大きな画像の場合はBase64文字列が元のファイルサイズの約133%になることにご注意ください。
Data URIとBase64の違いは何ですか?
Base64は画像データのエンコード形式で、Data URIはそれにMIMEタイプのプレフィックス(例: data:image/png;base64,...)を付けたものです。HTMLのimg srcやCSSのurl()にはData URI形式を使用します。
データはサーバーに送信されますか?
いいえ、すべての処理はブラウザ内で完結します。画像データがサーバーに送信されることはありません。
Base64から画像のMIMEタイプはどう判定していますか?
Base64文字列をデコードした先頭バイト(マジックバイト)を解析して判定しています。PNG(89 50 4E 47)、JPEG(FF D8 FF)、GIF(47 49 46 38)、WebP(52 49 46 46...57 45 42 50)、SVG(XMLの<タグ)を識別します。

// 使い方

  1. モードを選択

    IMAGE→BASE64 または BASE64→IMAGE のモードを選択します。

  2. データを入力

    IMAGE→BASE64モードでは画像をドラッグ&ドロップまたはクリックで選択します。BASE64→IMAGEモードではBase64文字列を貼り付けてDECODEボタンをクリックします。

  3. 結果を取得

    IMAGE→BASE64モードではBase64文字列とData URIをコピーできます。BASE64→IMAGEモードではプレビューを確認し、ダウンロードボタンで画像を保存できます。