BlobとDataURLとは?
Blob URLはblob: で始まる一時的なアドレスで、ブラウザのメモリ内のファイルオブジェクトを指します。フロントエンドの画像プレビューやアップロードでよく使われます。
DataURLはファイルをBase64文字列にエンコードしたもので、imgタグやCSS背景、JSONデータに直接埋め込めます。
使用方法
2ステップで変換できます:
- 画像を1枚アップロードします。
- Blob URLまたはDataURLをコピーしてコードに使用します。
ヒント
- 小さなアイコンはDataURLのインライン埋め込みに適していますが、大きな画像は別ファイルにするのがおすすめです。
- Blob URLはimgタグ、動画ソース、fetchダウンロードなどに使用できます。
- 他のファイルのBase64を生成する場合は、「Base64エンコーダー」ツールを併用できます。