画像Data URL生成
画像をcanvasへ再描画しPNG Data URL文字列へ変換します。
使い方
- 画像を選び実行してdata:image/png;base64,...をcopyします。
主な機能と処理範囲
元file bytesをそのままBase64化せずcreateImageBitmap後canvas.toDataURL(image/png)を返します。
処理の仕組み
同dimensions canvasへdrawImageしPNG MIMEでtoDataURLします。
例
JPEG入力でも結果prefixはdata:image/png;base64,...です。
こんな場面で便利
- 小画像のHTML/CSS inline testに
利用前の確認
- Data URLは長くなり元MIME・metadata・animationを保持せず大画像inlineには非効率です。
よくある質問
JPEGならJPEG Data URL？
いいえ。現在はPNG Data URLです。