画像をBase64に変換

Base64は画像ファイルをプレーンなテキストに変換し、別ファイルとして読み込む代わりに、HTML、CSS、JSON、Markdown、メールテンプレートの中にデータURIとして埋め込めるようにします。PNG、JPG、GIF、WebP、AVIF、SVG、ICO、BMPのどれでも選べば、生のBase64、すぐに使えるデータURI、CSSの背景ルール、HTMLの<img>タグ、Markdownの画像をコピーできます。ファイルは端末上で読み込まれ、アップロードされません。

使い方

1. 画像ファイルを1つ以上選びます。
2. 出力形式を選びます。データURI、生のBase64、CSS、HTMLの<img>、Markdown、またはすべてから選べます。
3. 必要なら、HTMLとMarkdownのコードに入れる代替テキストを入力します。
4. 結果をコピーを押すか、非常に大きな画像向けに用意される.txtファイルをダウンロードします。

計算式

Base64の長さ = 4 × ⌈バイト数 ÷ 3⌉、データURI = data: + MIMEタイプ + ;base64, + Base64

3バイトがRFC 4648の64文字のアルファベットによる4文字になるため、テキストはファイルより約33%大きくなり、極小のファイルでは「=」のパディングのため少し多くなります。ファイル名や報告されたタイプが間違っていることがあるため、MIMEタイプは、認識できればファイルの先頭バイト（マジックナンバー）から読み取り、そうでなければブラウザが報告したタイプか拡張子を使います。約300万文字を超える結果（およそ2 MBを超える画像）は、そんなに長いテキストボックスはページを重くするため、.txtのダウンロードでのみ提供されます。

計算例

163バイトのテストSVG（120 × 80px）は、4 × ⌈163 ÷ 3⌉ = 220文字のBase64になり、ファイルより35%増えて、PHN2ZyB4bWxucz0iで始まります。データURIには26文字の接頭辞data:image/svg+xml;base64,が付いて合計246文字になり、HTMLのコードには画像自体から読み取ったwidth="120" height="80"が入ります。