本文へスキップ
ツール探検隊

画像 ↔ Base64

画像をデータURI(Base64)に変換したり、Base64を画像に戻したりします。

#開発#画像#変換
サーバーに送信せずブラウザで処理DEV-082

画像 ↔ Base64とは?

画像をHTML・CSSにそのまま入れられるデータURIに変換したり、Base64文字列を画像に復元してプレビュー・保存したりします。

使い方

  1. 1

    画像→Base64:画像を選ぶとデータURIが作られます。

  2. 2

    Base64→画像:文字列を貼り付けると画像が表示されます。

  3. 3

    コピーするか画像として保存してください。

活用例

CSSのインラインアイコン

小さなアイコンをデータURIとしてCSSに入れます。

APIレスポンスの確認

APIが返したBase64画像を目で確認します。

よくある質問

ファイルはサーバーにアップロードされますか?+

いいえ。すべての処理はブラウザ内で行われ、ファイルはどこにもアップロードされません。

ツール検索

名前・説明・キーワードでツールを探せます