Filewisp

Base64 を画像に変換

Base64文字列やdata URLをPNG・JPG・WebPなどの画像ファイルに戻せる無料ツールです。処理はブラウザ内で完結します。

変換で失敗しにくくする確認ポイント

1変換前に確認

  • 提出先やアップロード先が指定している形式を確認します。
  • 透過、アニメーション、画質など、変換で変わりやすい要素を先に確認します。
  • 容量を小さくしたいのか、互換性を上げたいのか、目的を決めてから形式を選びます。

2変換後に確認

  • 変換後の画像を開いて、色味や文字のにじみがないか確認します。
  • ファイルサイズが大きい場合は、続けて圧縮やリサイズを使うと調整しやすいです。
  • 編集途中ならPNG、共有や掲載ならJPGやWebPなど、最後の用途に合わせて保存します。

次に続けやすい作業

Base64 を画像に戻すとは?

HTML、CSS、JSON、APIレスポンスに埋め込まれたBase64画像を、通常の画像ファイルとして保存したいときに使えます。data:image/png;base64,... のようなdata URLにも、Base64部分だけの文字列にも対応します。

対応する入力

data URL全体でも、カンマ以降のBase64部分だけでも変換できます。PNG、JPG、WebP、GIF、SVGなど、画像として判定できる形式を保存できます。

失敗しにくくするポイント

  • この形式からこの形式へ変換しても、元画像で失われた情報が戻るわけではありません。
  • この形式は共有、編集、保管などの一般的な用途に向く一方で、使う場面によっては別形式のほうが向くこともあります点には注意してください。
  • 提出先やアップロード先に指定形式がある場合は、先に条件を確認してから変換すると無駄がありません。
  • 変換後もファイルが重いと感じる場合は、圧縮やリサイズを組み合わせると扱いやすくなります。

この形式 と この形式 の違い

この形式の特徴
用途に合わせて扱いやすい形式。ただし使う場面によっては別形式のほうが向くこともあります。
この形式の特徴
用途に合わせて扱いやすい形式。ただし使う場面によっては別形式のほうが向くこともあります。
向いている用途
この形式は共有、編集、保管などの一般的な用途で特に扱いやすくなります。
次の作業
変換のあとに 画像を Base64 に変換 や PNG を WebP に変換 を続けて使う流れもよくあります。

使い方

  1. 1Base64文字列を貼り付けます
  2. 2画像に変換します
  3. 3プレビューを確認します
  4. 4画像ファイルをダウンロードします

よくある質問

ファイルはアップロードされますか?

いいえ。変換はブラウザ内で行われます。

data URLにも対応していますか?

はい。data:image/png;base64,... の形式をそのまま貼り付けられます。

関連ツール

使い方に迷ったときはガイドも確認

画像形式の違い、圧縮のコツ、PDFのまとめ方などをガイドページで整理しています。

ガイド一覧を見る