画像⇔Base64 変換
画像ファイルをBase64/Data URIに変換、またはBase64から画像を復元・ダウンロード。ドラッグ&ドロップ対応。サーバー送信なしの無料オンラインツール。
画像ファイルとBase64/Data URIを相互変換するツールです。ドラッグ&ドロップ対応。
// 詳細
画像→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の<タグ)を識別します。
// 使い方
-
モードを選択
IMAGE→BASE64 または BASE64→IMAGE のモードを選択します。
-
データを入力
IMAGE→BASE64モードでは画像をドラッグ&ドロップまたはクリックで選択します。BASE64→IMAGEモードではBase64文字列を貼り付けてDECODEボタンをクリックします。
-
結果を取得
IMAGE→BASE64モードではBase64文字列とData URIをコピーできます。BASE64→IMAGEモードではプレビューを確認し、ダウンロードボタンで画像を保存できます。