Blob ↔ DataURL 変換

画像をアップロードするとBlob URLとBase64 DataURLを同時に生成し、どちらでもワンクリックでコピーできます。コードへの埋め込みや画像リソースのデバッグに便利です。

🔗

画像をドロップするかクリックしてアップロード

PNG, JPG, WEBP, BMP

BlobとDataURLとは?

Blob URLはblob: で始まる一時的なアドレスで、ブラウザのメモリ内のファイルオブジェクトを指します。フロントエンドの画像プレビューやアップロードでよく使われます。

DataURLはファイルをBase64文字列にエンコードしたもので、imgタグやCSS背景、JSONデータに直接埋め込めます。

使用方法

2ステップで変換できます:

  • 画像を1枚アップロードします。
  • Blob URLまたはDataURLをコピーしてコードに使用します。

ヒント

  • 小さなアイコンはDataURLのインライン埋め込みに適していますが、大きな画像は別ファイルにするのがおすすめです。
  • Blob URLはimgタグ、動画ソース、fetchダウンロードなどに使用できます。
  • 他のファイルのBase64を生成する場合は、「Base64エンコーダー」ツールを併用できます。

よくある質問

Blob URLとDataURLの違いは何ですか?+
Blob URL(blob: で始まる)はブラウザのメモリ内のオブジェクトを指すため、ページ内での使用に適しています。DataURLはBase64エンコードされた文字列で、HTMLやCSSに埋め込めるため共有や保存に適しています。
Blob URLは長期的に使用できますか?+
できません。Blob URLは現在のページのセッション内でのみ有効で、リロードまたはページを閉じると無効になります。
DataURLに欠点はありますか?+
Base64エンコードによりサイズが約33%増加し、大きな画像の転送には適していません。ただしコードへの直接埋め込みには便利です。
画像はサーバーにアップロードされますか?+
いいえ。変換はすべてブラウザ内で完結します。

関連ツール

Blob ↔ DataURL 変換無料のオンラインBlob URL, DataURL, Base64画像, 画像をBase64変換, blob dataurl。会員登録不要。ブラウザで動作します。