ホーム Base64 → 画像

Base64 → 画像

Base64 文字列または Data URL をダウンロード可能な画像にデコード——数秒で完了、100% ブラウザ内で完結。

入力

出力

変換後画像

Base64 とは?

Base64 はバイナリデータをテキストに変換するエンコーディング方式で、64 種類の印刷可能な ASCII 文字(大文字 A–Z、小文字 a–z、数字 0–9、プラス記号(+)、スラッシュ(/))を使用してバイナリデータを表現します。等号(=)はパディングに使われます。3 バイトのバイナリ入力が 4 つの Base64 文字としてエンコードされるため、エンコード後の出力は元のバイナリより約 33% 大きくなります。Base64 は元々 RFC 2045 で MIME メール添付のために定義されましたが、現在では JSON、XML、HTML、CSS、JavaScript ソースコード、data URL など、バイナリデータをテキスト専用チャネルで転送する必要がある場面で広く使用されています。

Base64 はプレーンテキストであるため、HTML、CSS、JavaScript に画像を直接埋め込むのによく使われます。Data URL は単に data:image/png;base64, のようなスキームでプレフィックスされた Base64 ペイロードです。このような文字列を受け取り、元の画像ファイルを復元する必要がある場合、Base64 → 画像 変換ツールがテキストをバイナリピクセルにデコードし、デバイスに通常の画像ファイルとして保存できるようにします。

なぜ Base64 を画像に変換するのか?

画像を Base64 文字列として受け取り、通常の画像ファイルが必要になる場面は数多くあります。最も一般的な理由は、メールや API レスポンスに埋め込まれた画像の保存、CSS ファイル内の data URL からのグラフィックの抽出、フォーム、チャット、JSON ドキュメントに Base64 として貼り付けられたスクリーンショットや写真の復元です。Base64 を本物の画像ファイルに変換すると、画像エディタで開き、他のメッセージに添付し、他の写真と同じようにディスクに保存できます。

インライン画像を別の形式に再エンコードする必要がある場合にも、Base64 → 画像 変換は役立ちます。例えば、Base64 エンコードされた PNG を Web 向けのより小さな JPG や WebP ファイルに変換できます。デコードされた画像はキャンバスに描画され、ブラウザがサポートする任意の形式に再エンコードできるため、出力を完全に制御できます。

Base64 → 画像 変換を使う場面

Base64 文字列をダウンロード可能な画像に変換するのは、多くの実用的なシナリオで理にかなっています。最も一般的なものは次のとおりです:

  • API レスポンス。多くの REST API はアップロードされた画像を JSON 内の Base64 文字列として返します。文字列をデコードしてファイルをローカルに保存します。
  • メール添付。一部のメールシステムは画像を HTML 本文内に Base64 としてインライン化します。通常の画像ファイルとして抽出します。
  • フォームやチャットのアップロード。リッチテキストエディタに画像を貼り付ける Web アプリは、Base64 として転送することがよくあります。保存用にファイルに戻します。
  • 再エンコード。元のファイルを保持せずに、Base64 エンコードされた PNG をより小さな JPG や WebP に、またはその逆に変換します。
  • データベースフィールド。データベースに Base64 テキストとして保存された画像は、バックアップや移行のためにファイルにデコードできます。
  • CSS や HTML の検査。スタイルシートからインライン背景画像を抽出し、独立したファイルとして保存します。

画像がテキストとしてしか存在しない場所ではどこでも、Base64 → 画像 変換で数秒で使用可能なファイルに戻せます。

Base64 を画像に変換する方法

このツールを使って Base64 文字列を画像に変換するのは数秒で完了し、すべてブラウザ内で行われます。アップロード、登録、インストールは不要です。ツールは入力ボックスからテキストを読み取り、必要に応じて Data URL に正規化し、画像にデコードし、Canvas API を介して選択した出力形式に再エンコードします。次の 4 つの手順に従ってください:

  1. Base64 文字列を貼り付け。完全な Data URL(data:image/... で始まる)または純粋な Base64 文字列を入力ボックスに貼り付けます。
  2. 画像を読み込み。「画像を読み込む」をクリックします。ツールが文字列をデコードし、復元された画像のプレビューを表示します。
  3. 出力形式を選択。ロスレス品質には PNG、写真には JPG、最小ファイルサイズには WebP を選択します。
  4. 変換してダウンロード。「変換」をクリックして画像を再エンコードし、「ダウンロード」をクリックしてデバイスに保存します。

すべてのステップは JavaScript を使用してブラウザ内でローカルに実行されるため、Base64 文字列とデコードされた画像がサーバーにアップロードされることはありません。これにより変換は完全にプライベートで高速、機密性の高いコンテンツにも適しています。

対応形式

このツールは、元の形式がブラウザでサポートされている任意の Base64 エンコード画像を受け入れます——通常は PNG、JPG、WebP、GIF、BMP、SVG です。デコードされた画像は、ニーズに応じて PNG、JPG、または WebP として再エンコードおよびダウンロードできます:

  • PNG——アルファチャンネルの透過を備えたロスレスラスター形式。ロゴ、アイコン、スクリーンショット、シャープなエッジを持つグラフィックに最適。
  • JPG——ほぼ普遍的な互換性を持つ非可逆ラスター形式。写真や自然なトーンの画像に最適。
  • WebP——非可逆モードと可逆モードの両方をサポートし、ファイルサイズが最も小さいモダンなラスター形式。Web 配信に最適。

ソースの Base64 文字列が透過 PNG を表す場合、透過を保持するために PNG または WebP を出力として選択してください——JPG は透過をサポートしておらず、透過領域は白で塗りつぶされます。

この Base64 → 画像 変換ツールは無料ですか?

はい、完全に無料で、登録不要、透かしなし、デバイスのメモリ以外に制限はありません。

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

はい。ツールは入力が data: で始まるかどうかを自動的に検出し、必要に応じて正しいプレフィックスを追加します。

Base64 文字列がデコードに失敗するのはなぜですか?

文字列が切り詰められているか、改行を含んでいるか、サポートされていない MIME タイプを使用している可能性があります。空白を削除するか、完全で有効な Base64 ペイロードを使用してみてください。

画像はアップロードされますか?

いいえ。すべての処理はローカルで行われ、Base64 入力とデコードされた画像がブラウザから離れることはありません。