Base64→画像変換 - Data URIをデコードしてファイルとして保存

Base64→画像変換の仕組み

このツールは、画像をテキスト化したものを受け取り、ファイルの形に戻します。Base64は転送用のエンコード方式です。任意のバイト列を A-Z、a-z、0-9、プラス、スラッシュという64文字だけで書き直すことで、テキストしか通さない場所をバイナリデータが通れるようにします。`data:image/png;base64,` というプレフィックスの後ろにデータ本体を続けたData URIの形にすれば、HTMLの属性値、CSSのurl()、JSONのフィールド、メール本文の中に直接置くことができます。デコードはこの対応関係を厳密に逆にたどるだけなので、返ってくるバイト列は入力されたバイト列そのもので、EXIFブロックやカラープロファイルまで一致します。表示の前に、ツールは入力を整えます。完全な img タグや `background-image: url(…)` 宣言の中に埋もれていてもデータ本体を見つけ出し、コードフォーマッターが入れた改行やインデントを取り除き、前後の引用符を外します。そのうえで、デコードされたデータの先頭バイトから形式を判定します。PNGのシグネチャ 89 50 4E 47、JPEGのマーカー FF D8 FF、GIF87a/GIF89aのヘッダー、RIFF/WEBPコンテナ、AVIFのftypボックス、あるいは svg 要素の開始タグです。プレフィックスに書かれたMIMEタイプはあくまで自己申告にすぎません。生成側が間違えることもあれば誰でも書き換えられる、ただのテキストなので、参考として表示はしますが、ダウンロードファイル名の決定には決して使いません。すべての処理はこのページの中、お使いの端末上で行われ、文字列がどこかへ送られることはありません。