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

Base64画像変換ツール 無料オンライン

Base64文字列やデータURIを瞬時にダウンロード可能な画像ファイルへデコード。寸法や形式をブラウザ上で直接確認でき、100%プライベートです。

100%プライベート。アップロードは一切行われません。

貼り付けた文字列はブラウザ内でデコードされ、アップロードされませんダウンロード前に形式、寸法、推定サイズを確認できます完全なデータURIでも生のBase64でも対応。PNG、GIF、WebP、SVGを自動判定し、それ以外はJPGとして扱います

Base64を画像に変換する3つのステップ

  1. Base64を貼り付け

    完全なデータURI(data:image/…;base64,…)または生のBase64文字列をボックスに貼り付けてください。生の文字列に含まれる空白や改行は自動で除去されます。

  2. デコードとプレビュー

    「デコード&プレビュー」をクリック。画像とともに形式、寸法、推定サイズが表示されます。

  3. 画像をダウンロード

    「画像をダウンロード」をクリックしてファイルとして保存。拡張子は画像の種類に応じて.pngや.jpgなどになります。

主な機能

データURIまたは生の文字列からBase64を画像に変換:貼り付けた2つの文字列が同じPNG画像にデコードされる

Base64やデータURIを貼り付け

Base64から画像へのプレビュー:1200×800の定規付きでデコードされた画像、そのPNG形式とKB単位のサイズ

プレビュー、サイズ、寸法を即表示

  • データは端末内で処理
  • PNG、JPG、GIF、WebP、SVG対応
  • 無料・アカウント不要

Base64画像をデコードする必要がある場合

デバッグと開発

  • コードを書かずにAPIレスポンスのBase64画像をプレビュー
  • AI画像生成APIが返す画像をファイルとして保存
  • データベースに保存されたBase64画像データを確認
  • CSSやHTMLソース内のデータURIを表示

データ復旧

  • JSONペイロード内のBase64フィールドから画像を取り出す
  • アプリログにBase64文字列として記録された画像を復元
  • 生のメールソースからコピーしたBase64画像添付をデコード
  • データベースのエクスポートデータからBase64値を画像ファイルに戻す

テストと品質保証

  • エンコード関数が正しい画像を生成しているか確認
  • 設定ファイル内のBase64文字列が有効な画像か確認
  • APIが返す画像のサイズと寸法を確認
  • canvas.toDataURL()の出力を画像として表示してテスト

Base64画像デコーダーとは?

Base64画像デコーダーは、Base64テキスト文字列を元の画像ファイルに戻すツールです。テキストから元のバイトデータを復元し、画像として表示します。画像をBase64にエンコードする処理の逆の操作で、デコードによって画像の形式、サイズ、品質が変わることはありません。

Base64画像の表示と保存方法

Base64画像の形式の見分け方、Webページでの表示方法、ダウンロードファイルの中身について解説します。

Base64画像の形式を見分けるには?

先頭の数文字を確認してください。どの形式もファイルの先頭が同じバイト列で始まるため、Base64の先頭部分も同様に決まったパターンになります。生の文字列でも、デコーダーが自動で判定します。

  • iVBORw0KGgo:PNG
  • /9j/:JPG
  • R0lGOD:GIF
  • UklGR:WebP
  • PHN2Zy または PD94bWw:SVG

Base64画像をHTMLで表示するには?

データURIとしてimgタグに入れます。文字列の前に、画像の種類に合わせて data:image/png;base64, のようなプレフィックスを追加してください。CSSでもurl()内で同じように使えます。画像ファイルから文字列を作るには、画像からBase64への変換ツールをご利用ください。

ダウンロードするとどんなファイルになる?

「画像をダウンロード」を押すと、decoded-imageという名前で、.png、.jpg、.gif、.webpなどの拡張子を持つファイルとしてデコード後のバイトデータが保存されます。途中で再エンコードは行われないため、Base64化される前と全く同じ品質・メタデータが保たれます。

Base64画像変換に関するFAQ

Base64文字列を画像にデコードする際のよくある質問

data:imageプレフィックスなしのBase64文字列を貼り付けられますか?

はい。デコーダーが先頭バイトを読み取り、PNG、GIF、WebP、SVGに適したプレフィックスを自動で追加します。それ以外はJPGとして扱われます。AVIF、BMP、ICOの場合は、 data:image/avif;base64, のように種類を含む完全なデータURIを貼り付けてください。そうすることでダウンロード時に正しい拡張子が付きます。

Base64文字列がデコードできないのはなぜ?

多くの場合、文字列が途中で切れています。全体をコピーしてください。引用符やJSONのエスケープ(/の代わりの\/など)は削除してください。URLエンコードされたテキスト(%2B、%2F)やURLセーフなBase64(-や_)は先に+や/に戻す必要があります。また、データが画像であり、PDFなど他のファイルではないことも確認してください。

Base64画像のサイズを確認するには?

デコードしてください。ツールが幅・高さをピクセル単位で表示し、推定ファイルサイズも示します。推定値は「ファイルサイズはBase64の長さのおよそ4分の3」という一般的な目安に基づいており、文字数40,000なら約29KBのファイルになります。貼り付ける文字列の長さに上限はありません。

JSON APIのレスポンスからBase64をデコードできますか?

はい。引用符の間の値をコピーして貼り付けてください。多くの画像生成APIはこの形式で画像を返します。JSONで/の代わりに\/と表示されている場合は、先にアンエスケープしないとデコードに失敗します。

Base64をPDFや他のファイル形式に変換できますか?

いいえ。このツールはブラウザで表示できる画像のみをデコードします。Base64のPDF、ZIP、テキストファイルはエラーになります。画像が得られたら、画像変換ツールで形式を変更できます。

対応している画像形式は?

ブラウザが表示できるあらゆる画像形式に対応しています。JPG、PNG、GIF、WebP、SVGはすべての最新ブラウザで、AVIF、BMP、ICOはほとんどのブラウザで動作します。生の文字列はPNG、GIF、WebP、SVGとして判定され、それ以外はJPGとして扱われます。このツールは変換を行わないため、ダウンロードされる画像は元の形式のままです。

まだご質問がありますか?サポートチームにお問い合わせください。