Base64を画像に変換

新着

Base64文字列をデコードして画像をプレビュー・ダウンロード

開発者ツール

Base64を画像に変換 の使い方

  1. 1Base64文字列を入力フィールドに貼り付けます
  2. 2画像プレビューが自動的に表示されます
  3. 3ダウンロードをクリックして画像を保存します
  4. 4ダウンロードをクリックして保存する

Base64を画像に変換 について

Base64を画像に変換は、Base64エンコードされた画像文字列を表示・ダウンロード可能な画像ファイルにデコードします。

Base64を画像に変換の主な機能

  • Accepts full data URLs (data:image/...;base64,...) and raw Base64 strings
  • Automatic image format detection from the data URL MIME type
  • Instant browser-rendered image preview after pasting
  • One-click download of the decoded image file
  • Handles PNG, JPG, WEBP, GIF, SVG, and any browser-displayable format
  • No file upload — purely text input decoded in the browser
  • Works offline — no server or internet connection required after page load
  • Graceful error message when the input is not valid Base64

対応フォーマット

入力フォーマット

Base64データURL文字列生のBase64エンコード文字列

出力フォーマット

PNGJPGWEBPGIFSVG

出力フォーマットはデータURLプレフィックスのMIMEタイプ、または生のBase64データから推定されます。

使用例

APIレスポンスから画像を抽出

JSONレスポンスからBase64値をコピーし、ツールに貼り付けて画像をダウンロードして検査します。

入力

JSON field: "thumbnail": "data:image/png;base64,iVBOR..."

出力

Downloaded PNG thumbnail file

HTMLソースのBase64をデバッグ

HTMLのsrc属性からBase64部分を貼り付けて、ブラウザの開発者ツールを使わずに埋め込まれた画像を確認します。

入力

Raw Base64 string from an img src attribute

出力

Visual preview of the embedded image

設定ファイルから画像を復元

保存されたBase64文字列を貼り付けて、元のロゴ画像をデコードしてダウンロードします。

入力

Base64-encoded logo from an application config

出力

Downloaded logo PNG for reuse

主な使用ケース

  • APIレスポンスペイロードから画像をプレビューしてダウンロード
  • HTMLソースコードやJSON設定ファイルから埋め込み画像を抽出
  • ログファイルのBase64文字列から画像ファイルを回復
  • 出力を視覚的に確認して画像エンコードパイプラインをデバッグ
  • CSSファイルのデータURIを単独画像に戻す
  • エクスポートされたデータベースレコードに埋め込まれた画像を抽出

トラブルシューティング

文字列を貼り付けても画像プレビューが表示されない

解決策

完全なデータURIの場合は"data:image/"で始まることを確認するか、余分な空白や改行のない有効な生のBase64文字列であることを確認してください。

デコードした画像が破損して表示される

解決策

Base64文字列が不完全か、エンコードエラーを含む可能性があります。完全な文字列が切り詰めなしにコピーされたことを確認してください。

ツールが入力文字列を拒否する

解決策

"data:image/png;base64,"プレフィックスが2回表示される場合は削除するか、文字列と一緒にコピーされた可能性のある引用符を取り除いてください。

よくある質問

どのフォーマットがサポートされていますか？

JPEG、PNG、WebP、GIFを含む、Base64データURLとしてエンコードされた任意の画像フォーマット。

私のデータはサーバーに送信されますか？

いいえ。デコードはすべてブラウザ内で行われます。

画像プレビューが空白の場合はどうすればよいですか？

無効な文字を確認してください。Base64文字列にはスペースや改行を含めてはいけません。元のソースから再度コピーしてみてください。

Base64文字列の代わりにURLを貼り付けられますか？

いいえ。このツールはBase64文字列またはデータURIのみを受け付けます。URLから画像を読み込むには、まず画像ファイルをダウンロードしてから画像からBase64ツールを使用してください。

Base64入力の長さ制限はありますか？

厳密な制限はありません。実際の制限はブラウザのメモリに依存します。

「画像をBase64に変換」ツールとの違いは？

画像をBase64は画像ファイルをBase64文字列に変換します。Base64を画像はその逆を行います。

画像プレビューが空白の場合はどうすればよいですか？

無効な文字を確認してください。Base64文字列にはスペースや改行を含めてはいけません。

Base64文字列の代わりにURLを貼り付けられますか？

いいえ。このツールはBase64文字列またはdata URIのみ受け付けます。