Base64→画像変換
Base64テキストやdata URLを貼り付けて画像に戻す。
-ファイル形式
-ファイルサイズ
ブラウザ内で動作します。入力した内容はどこにも送信されません。
- ファイル形式を自動判定
- 接頭辞の有無どちらもOK
- アップロードなし
Base64を画像に変換する方法
- data:image/...のURL、またはBase64テキストをそのまま貼り付けます。
- 「画像にデコード」をクリックします。
- プレビューを確認し、ファイルをダウンロードします。
Base64の画像テキストの出どころ
- WebページのCSSやHTMLのソースからコピーしたdata URL。
- APIレスポンスやデータベースのエクスポートにあるフィールド。写真をファイルではなくテキストとして保存していることがよくあります。
- メールのHTMLに埋め込まれたスクリーンショットやロゴ。
- このサイトのツールを含む、画像→Base64変換ツール。
ファイル形式はどう判定されるか
テキストがdata:image/...の接頭辞で始まる場合は、そこから直接種類を読み取ります。接頭辞のない貼り付けテキストはまずデコードされ、その結果の先頭バイトが各形式のシグネチャと照合されます。
| 形式 | 判定方法 |
|---|---|
| PNG | 先頭のバイトが89 50 4E |
| JPG | 先頭のバイトがFF D8 FF |
| GIF | バイトが47 49 46 |
| BMP | バイトが42 4D |
| WEBP | WEBPタグ付きのRIFFヘッダー |
| ICO | バイトが00 00 01 00 |
| SVG | svgまたはxmlで始まるテキスト |
デコードエラーを直すには
- 改行やスペースは自動的に取り除かれるため、コードエディタからコピーしたテキストでも問題なく動作します。
- コピー中に一部が途切れた文字列はデコードできず、エラーが表示されます。
- Base64の文字セット以外の余分な文字や、末尾の=記号が欠けている場合もエラーの原因になります。
Base64→画像のFAQ
Base64のテキストはどこで手に入りますか？
多くの場合、HTMLやCSS内のdata URL、APIのレスポンス、データベースのフィールド、または画像→Base64変換ツールから得られます。
data:image/...の接頭辞がなくても使えますか？
はい。Base64の文字だけを貼り付ければ、デコードしたバイトから画像の種類を自動で判定します。
どの画像形式を判定できますか？
PNG、JPG、GIF、WEBP、BMP、ICOはファイル自体のヘッダーを読み取って判定し、デコードしたテキストがsvgやxmlタグで始まる場合はSVGと判定します。
データはアップロードされますか？
いいえ。デコードはすべてブラウザ内で行われるため、何も送信されません。
「有効なBase64画像データではありません」と出るのはなぜですか？
貼り付けたテキストの文字が欠けている、コピー中に途切れた、またはBase64の文字セット（A〜Z、a〜z、0〜9、プラス、スラッシュ、=によるパディング）以外の文字が含まれています。文字列全体をコピーし直してください。
貼り付け前に改行を削除する必要はありますか？
いいえ。改行やスペースはデコード前に自動で取り除かれるため、整形されたコードからコピーしたテキストでも問題なく動作します。
Base64からSVGをデコードできますか？
はい。デコードしたテキストがsvgやxmlタグで始まる場合はSVGとして扱われ、他の画像と同じようにプレビューされます。
貼り付けられるBase64テキストのサイズに上限はありますか？
厳密な上限はありません。非常に長い文字列はブラウザがデコードするのに少し時間がかかるだけです。