Base64→画像変換 — プレビューとダウンロード
長い Base64 や完全な data URL だけがあり、絵を見たい・ファイルにしたい？ここに貼ってプレビューし、ダウンロード。API 応答、CSS、メールソースから埋め込み画像を「すくい出す」のに便利です。
多くのシステムはファイルではなく Base64 で画像を送ります。デバッグ時にフィールドをここに貼る方が、使い捨てスクリプトより速いです。
`data:image/png;base64,` で始まるなら丸ごと貼ると型が正確です。プレフィックスなしの生 Base64 も、一般画像としてデコードを試みます。
失敗の多くは欠け・余分な引用符・別種の Base64 — JWT の断片は画像ではありません。
復元の手順
- Base64 または data URL を貼り付け
- プレビューが正しいか確認
- 画像ファイルをダウンロード
このページでできること
- 文字列を貼ってプレビューし、本物の画像ファイルとしてダウンロード。
- 往復が要るとき 画像→Base64 と対で使う。
- API やページソースから埋め込み画像を取り出す。
シナリオ
- JSON フィールドからユーザーアップロードのプレビューを復元
- CSS や HTML ソースから data URL アイコンを抽出
- Base64 が期待どおりの原画像と一致するか確認
ヒント
- できれば完全な data URL を貼る。
- デコード失敗時は前後の引用符や空行を除く。
- JWT の断片は画像 Base64 ではない — JWTビューア へ。
入力例
| 入力 | 出力 | 備考 |
|---|---|---|
| data:image/png;base64,iVBOR... | プレビュー可能な PNG | 推奨形式 |
| プレフィックスなしの生 Base64 | 画像としてデコード | 型の確認が必要なことも |
Base64→画像 FAQ
- ダウンロード失敗？
- 文字列が完全で有効な Base64 か確認。data URL プレフィックスがあると安定しやすいです。
- プレビューが空白？
- 画像データでないか、入力が欠けている可能性。元から完全な文字列を試してください。
- 複数文字列の一括は？
- 一度に一つ。追加分は繰り返してください。