メインコンテンツへスキップ
Base64 → 画像

Base64を画像に変換

Base64またはデータURIを貼り付けると、すぐに画像が表示されます。本当の形式・縦横サイズ・容量を確認して、そのままダウンロードできます。

入力
結果

ここに結果が表示されます

くわしく知る

データURIの読み方

データURIの見た目

データURIは、ファイル全体を1行のテキストにしたものです。例:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA… カンマより前は宣言された形式(image/png)と中身がBase64であることを示し、カンマより後ろがファイル本体です。HTMLではimgタグのsrc属性に、CSSではurl(…)の中に書かれます。全体を貼り付けても、カンマ以降のBase64だけを貼り付けても使えます。

先頭の文字で形式を見分ける

Base64の先頭の文字を見るだけで形式がわかります。iVBORw0KGgo はPNG、/9j/ はJPEG、R0lGOD はGIF、UklGR はWebP(RIFF)、PHN2Zy や PD94bWw はSVGです。このツールは接頭辞を信用せずにこれらのバイトを読み取り、データURIが別の形式を宣言している場合はお知らせします。

使い方

Base64を画像に変換する方法

  1. Base64を貼り付ける

    データURIまたはBase64を入力欄に貼り付けるか、それを含む.txtファイルを読み込みます。

  2. プレビューを確認する

    本当の形式、縦横サイズ、デコード後の容量とともに、画像がすぐに表示されます。

  3. 画像をダウンロードする

    「ダウンロード」をクリックすると、本当の形式に合った拡張子(.png、.jpg、.svgなど)で保存されます。

活用ガイド

ヒントとガイド

Base64画像はどこで使われているか

データURIはHTMLメール、CSSファイル、APIのJSONレスポンス、テスト用データ、書き出した文書などでよく見かけます。デコードすれば、再利用する前に中身を確認できます。

画像を本物のファイルとして取り出せば、圧縮やリサイズをしたり、ページ内のテキストではなく通常のキャッシュされるファイルとして配信したりできます。

豆知識

プライバシー

デコードはすべてブラウザ内で行われます。Base64も画像もサーバーを経由しません。

SVGのプレビューは画像として描画されるため、中に隠れたスクリプトがこのページで実行されることはありません。

プライバシー
よくある質問

よくある質問

Base64画像のデコードについて知っておきたいこと