ConvertBlink
JA

Base64を画像に変換：任意のdata URIをデコード

Base64文字列やdata: URIを貼り付けて、表示できるPNGファイルにデコード。ブラウザ内で動作し、どの画像形式にも対応、アップロードは一切なし。

ブラウザーネイティブ
プライバシー第一
無料

今すぐ変換

または

ファイルをここにドラッグ＆ドロップ

または

使い方

`data:image/png;base64,iVBORw0KGgo...` で始まる長い文字列を、CSSファイルやJSONレスポンス、DevToolsのパネルからコピーしたものの、それが表す画像を実際に見たい——ここでやることはそれだけです。文字列を貼り付ければ、開いて保存できるPNGが手に入ります。 入力は2つの形のどちらでも動きます。完全なdata URIはプレフィックスにメディアタイプを含み、素のBase64本体にはプレフィックスがまったくありません。デコーダーはプレフィックスを見つけると取り除き、標準のBase64デコードで生のバイト列を復元し、そのバイト列をブラウザの画像デコーダーに渡します。バイト列が何を表していても（PNG、JPEG、WebP、GIF）、Canvasに描画されてPNGとして書き出されます。 再エンコードが、戻ってくるものを決めます。ピクセル値はそのまま正確にコピーされるので、この工程は可逆です。透明度は保たれ、色はずれず、エッジは鮮明なままです。ただし出力は新しいPNGであって、元ファイルの本来のバイト列ではありません。JPEGのdata URIを渡すと、ピクセル単位で同一のPNGが得られますが、PNGはJPEGの圧縮を再利用できないため、たいてい元のJPEGより大きくなります。 文字列が端末から出ることはありません。デコードは組み込みのCanvasと画像デコードAPIを使ってJavaScript内で行われます。これは、そのBlobが社内のエクスポートや顧客レコード、あるいは見知らぬサーバーに貼り付けたくない類のものから来ている場合に重要です。

関連変換ツール

あなたのワークフローに役立つ他の強力なコンバーターを発見してください

Base64をJPEGに変換：データURIをJPGファイルにデコード

Base64文字列やデータURIを貼り付けるだけで、本物のJPEGをダウンロード。デコードはすべてブラウザ内で完結し、アップロードは一切ありません。無料、即時、プライベート。

.txt
今すぐ試す

Base64からPNGへ：data URIをブラウザでデコード

Base64文字列やdata:URIを貼り付けて、ローカルでPNGにデコード。アルファ透過を保持し、アップロードもサーバーも不要。完全にクライアント側でデコードします。

.txt
今すぐ試す

PNGをJXLに変換：可逆・軽量・プライベート

PNGをブラウザ上でJXL（JPEG XL）に変換します。可逆モードはすべてのピクセルとアルファチャンネルを保持したまま、ファイルサイズをPNGより小さくします。アップロード不要、すべて端末内で完結。

.png
今すぐ試す

AVIFをJPEGに変換：AV1画像をJPGにデコード

AVIF（AV1）画像をブラウザ内でそのままJPEGに変換。AV1のデコードはWASM、JPEGのエンコードはブラウザ標準、アップロードは一切なし。古いアプリやアップロードフォームでも開けるJPGが手に入ります。

.avif
今すぐ試す

PNGをAVIFに変換 - 可逆圧縮で透過もそのまま

ブラウザ上でPNGを可逆圧縮のAVIFに変換。AV1のイントラ符号化が、全ピクセルと透過をそのまま残したままファイルを小さくします。アップロード不要、すべて端末内で完結。

.png
今すぐ試す

AVIFをPNGに変換：AV1画像をブラウザでデコード

AVIF（AV1）画像を、ブラウザ内で透明度をピクセル単位で保ったままPNGに可逆変換。アップロードもサーバーも不要、完全プライベートで無料です。

.avif
今すぐ試す

他のBASE64

base64 → jpgbase64 → png
すべてのコンバーターを表示

機能

  • ファイルアップロード不要
  • 100% プライバシー重視
  • ブラウザー駆動
  • 高速処理
  • 永久無料

対応フォーマット

.txt

出力: PNG

技術仕様

input Format Base64テキストまたはdata: URI（PNG、JPEG、WebP、GIFのバイト列）
output Format PNG（Portable Network Graphics）
compression Type 可逆PNG（DEFLATE）、デコードしたピクセルから再エンコード
quality Retention PNGエンコードでピクセル単位に正確。品質劣化を追加しない
color Space Support sRGB、完全な8ビットアルファチャンネルを保持
max Resolution 端末のメモリのみによる制限
processing Time 即時、ブラウザ内で動作

主な利点

  • 完全なdata: URIと素のBase64本体の両方を受け付け、プレフィックスの手動編集は不要
  • ブラウザでデコード可能なあらゆるソース形式を読み取り、結果をPNGに統一
  • 透明度と正確なピクセルカラーを保つ可逆PNGエンコード
  • 完全にクライアントサイドで動作し、社内や非公開の画像データが端末から出ない
  • プレビューを表示するので、保存前に正しい画像かを確認できる
  • 貼り付けたテキストでも.txtファイルでも受け付け、きれいにコピーできない長い文字列に便利

一般的な使用例

  • JSON APIのレスポンスやログ行から取り出したBase64画像を確認する
  • CSSやHTMLに埋め込まれたdata: URIから表示できるファイルを復元する
  • データベースエクスポートにBase64列として保存された画像を取り出す
  • ConfigやEnvファイルのアバターやアセットの文字列が実際に何を含むか確認する
  • ブラウザのDevToolsからコピーしたdata: URIを本物のPNGとして保存する
  • メールテンプレートのBase64 Blobを編集可能な画像ファイルに変える

プロのヒント

  • デコードに失敗したら、末尾の=パディングを含めて文字列全体をコピーし直してください。切れたコピーが最も多い原因です。
  • クリップボードから確実に貼り付けられないほど長い場合は、.txtファイルから文字列を読み込んでください。
  • JSONやHTML属性から値を取り出した場合は、囲みの引用符やエスケープ文字を取り除いてください。
  • PNGは可逆でJPEGの圧縮を再利用できないため、JPEGのソースより大きいファイルになることを見込んでください。
  • ダウンロード前に、プレビューで透明度が正しく描画されているか確認してください。

よくある質問

どちらでも動きます。文字列が data:image/...;base64, で始まっていれば、デコーダーがプレフィックスからメディアタイプを読み取り、自動で取り除きます。素のBase64本体しかない場合は、そのまま貼り付ければ同じようにデコードされます。文字列内の空白や改行は許容されるので、折り返されたりインデントされたBlobでも問題ありません。
はい。デコーダーは元の形式に関係なく内部の画像バイト列を読み取り、そのピクセルをPNGとして再エンコードします。ソースと同一のピクセルを持つ本物の.pngファイルが手に入ります。元のJPEGバイト列は戻ってきません。またPNGは可逆でJPEGの圧縮を再利用できないため、出力ファイルはたいてい元のJPEGより大きくなります。
はい。PNGは完全なアルファチャンネルを持ち、Canvasがそれをそのまま保持するため、デコードした画像の透明な領域は出力でも透明なままです。出所のわからない画像データをデコードし、アルファチャンネルを背景に焼き込みたくないとき、PNGが安全な既定値である主な理由がこれです。
エンコード工程に関しては可逆です。PNGは可逆形式で、デコードしてから再エンコードする際にすべてのピクセル値をコピーするので、色やエッジは変わりません。ひとつ注意点があります。ここでいう可逆とは、見えているピクセルが保たれるという意味であって、元ファイルの正確なバイト列が再現されるという意味ではありません。JPEGをソースにすると見た目は同一のまま、新しいPNGファイルになります。
どこにも行きません。デコードはすべてブラウザ内のJavaScriptで実行されます。Base64文字列がアップロードされることはなく、タブを閉じた後に何も保存されません。エンコードされた画像が社内システムや非公開のエクスポート、第三者サーバーに触れさせたくないレコードから来ている場合に、ローカルのツールを使うべき理由がこれです。
ほぼ必ず次の3つのいずれかです。文字列が途中で切れている（末尾の=パディングを含めて末尾が切り落とされたコピー）、Base64として無効な文字が含まれている、あるいはデコードしたバイト列が実は画像ではない、のいずれかです。JSONやHTML属性から値を取り出した場合は、値全体を取っていること、そして囲みの引用符やエスケープ文字を含めていないことを確認してください。
こちらで課す固定の上限ではなく、端末の利用可能なメモリによって決まります。大きな画像は長い文字列になり、ブラウザはそのテキストとデコード後のビットマップを同時に保持しなければならないため、数メガバイトのBlobでも動きますが、メモリの少ない端末では重く感じます。貼り付けが止まる場合は、代わりに.txtファイルから文字列を読み込んでください。
このページがすでにローカルで、ブラウザの外に何も出さずに行っています。コマンドラインがお好みなら、macOSやLinuxでは base64 -d encoded.txt > image.png で素のBase64ファイルをデコードできますが、その前に data:...;base64, プレフィックスを自分で取り除く必要があります。ブラウザのツールはプレフィックスと任意のソース形式を自動で処理し、保存前に結果をプレビューします。